> ## Documentation Index
> Fetch the complete documentation index at: https://docs.devdeia.com/llms.txt
> Use this file to discover all available pages before exploring further.

# Color Palettes

> 8 candy-inspired color palettes, and how to apply them.

Cotton Candy theme ships with 8 palettes. The default primary color is **CandyGum**.

<CardGroup cols={2}>
  <Card title="CandyGum 💗">
    Pink candy vibes.

    <img src="https://raw.githubusercontent.com/andreia/filament-cotton-candy-docs/main/art/palette-candygum.svg" alt="CandyGum palette" className="mt-2" />
  </Card>

  <Card title="CandyLavender 💜">
    Soft purple sweetness.

    <img src="https://raw.githubusercontent.com/andreia/filament-cotton-candy-docs/main/art/palette-candylavender.svg" alt="CandyLavender palette" className="mt-2" />
  </Card>

  <Card title="CandyPeach 🍑">
    Warm peachy tones.

    <img src="https://raw.githubusercontent.com/andreia/filament-cotton-candy-docs/main/art/palette-candypeach.svg" alt="CandyPeach palette" className="mt-2" />
  </Card>

  <Card title="CandyMint 🍃">
    Fresh minty greens.

    <img src="https://raw.githubusercontent.com/andreia/filament-cotton-candy-docs/main/art/palette-candymint.svg" alt="CandyMint palette" className="mt-2" />
  </Card>

  <Card title="CandyVanilla 🍨">
    Creamy vanilla yellows.

    <img src="https://raw.githubusercontent.com/andreia/filament-cotton-candy-docs/main/art/palette-candyvanilla.svg" alt="CandyVanilla palette" className="mt-2" />
  </Card>

  <Card title="CandySky ☁️">
    Dreamy blue cotton candy.

    <img src="https://raw.githubusercontent.com/andreia/filament-cotton-candy-docs/main/art/palette-candysky.svg" alt="CandySky palette" className="mt-2" />
  </Card>

  <Card title="CandyJelly 💙">
    Vibrant blue jelly candy.

    <img src="https://raw.githubusercontent.com/andreia/filament-cotton-candy-docs/main/art/palette-candyjelly.svg" alt="CandyJelly palette" className="mt-2" />
  </Card>

  <Card title="CandyApricot 🧡">
    Sweet apricot orange.

    <img src="https://raw.githubusercontent.com/andreia/filament-cotton-candy-docs/main/art/palette-candyapricot.svg" alt="CandyApricot palette" className="mt-2" />
  </Card>
</CardGroup>

## Usage

Apply any palette to your panel's `primary`, `secondary`, or `accent` color:

```php theme={null}
use FilamentHandbook\FilamentCottonCandyTheme\Color;
use FilamentHandbook\FilamentCottonCandyTheme\FilamentCottonCandyThemePlugin;

$panel
  ->colors([
    'primary' => Color::CandyLavender,
    'secondary' => Color::CandyMint,
    'accent' => Color::CandyApricot,
  ])
  ->plugin(FilamentCottonCandyThemePlugin::make())
```