Cobalt Coast color palette — #EBF2FF · #A3B0E7 · #B09A60 · #5F6CAD · #1A3825

Slate and Camel set the tone — five colors that lean into nature and growth.

The five colors

• Ivory (#EBF2FF): bright and airy, almost weightless.
• Mauve (#A3B0E7): A luminous, balanced violet — the color of wild irises.
• Camel (#B09A60): A luminous, balanced gold — the color of old brass.
• Slate (#5F6CAD): A full-bodied, balanced violet — the color of twilight just after sunset.
• Deep Forest (#1A3825): A deep, shadowed, dusty teal — the color of sea glass.

Feels like: Nature, Growth, Optimism, Creativity, Sophistication. Tagged muted.

Use it as a design system

One click turns Cobalt Coast into a complete token system: semantic roles from primary to success, an 11-stop OKLCH scale per role, a WCAG AA/AAA and APCA contrast matrix, an auto-derived dark mode and 11 export formats including CSS custom properties, Tailwind, Figma Variables and shadcn/ui.

Similar palettes

• Aged Petrol Veranda color palette (#E7F4FF, #8EB9DA, #BE9268, #3978A4, #442732)
• Ancient Pewter color palette (#F2F0FE, #C8A5CD, #80A880, #8B5E92, #033935)
• Hushed Cobalt color palette (#FBF2FA, #9BAFDC, #A39B54, #4D6EC1, #504D46)
• Hushed Iris color palette (#FDF1F9, #B6C2F0, #C2B175, #7484DD, #584C23)
• Tempered Market color palette (#ECF2FF, #9397CA, #BC7B62, #478868, #1F273A)
• Tempered Driftwood color palette (#FDEDF3, #ABC3AC, #9C7685, #684F5E, #223027)
• Wandering Balcony color palette (#EDF1FF, #DCD4E0, #D8AEB8, #7588A1, #393B4D)
• Stone Coast color palette (#F1F0FC, #D6C195, #605C7F, #302D48, #14121D)

Browse the whole catalog at Explore, or see today's palette.