Cobalt Coast color palette — #FBF4ED · #A2D0C3 · #6774AC · #005F61 · #41305A

Slate and Peacock set the tone — five colors that lean into creativity and calm.

The five colors

• Ivory (#FBF4ED): bright and airy, almost weightless.
• Pistachio (#A2D0C3): A whisper-light, dusty teal — the color of shallow lagoons.
• Slate (#6774AC): A full-bodied, balanced violet — the color of a velvet chair.
• Peacock (#005F61): A full-bodied, dusty teal — the color of sea glass.
• Navy (#41305A): A deep, shadowed, dusty violet — the color of a velvet chair.

Feels like: Creativity, Calm, Sophistication. Tagged coastal, cool, light, 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

• Hushed Cerulean color palette (#FCF3EF, #B3CDB6, #0083AE, #006434, #263B5B)
• Cobalt Meadow color palette (#ECF4EE, #A5CDED, #497CC6, #00596B, #132039)
• Aged Periwinkle color palette (#FAF4EC, #B4DFD2, #6396E1, #007890, #4B3045)
• Softworn Atelier color palette (#FBF3F1, #CDE3D2, #5E91AF, #08744B, #583D55)
• Chalky Sapphire Parlor color palette (#FFF2EA, #71C4E8, #0068D9, #00574C, #30236D)
• Lagoon Quarry color palette (#FCF2F6, #C4E5FF, #9CAFED, #279E9E, #353755)
• Aged Onyx color palette (#EADFD9, #4E9CB0, #004D7D, #003124, #0B0048)
• Pale Station color palette (#F4E2C5, #967400, #0074A9, #3E508F, #372900)

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