Cobalt Coast color palette — #FDF2F5 · #9DCBEE · #6375AF · #00605F · #3F3357

Slate and Peacock set the tone — five colors that lean into trust and stability.

The five colors

• Ivory (#FDF2F5): bright and airy, almost weightless.
• Sky (#9DCBEE): A whisper-light, dusty blue — the color of a favorite pair of jeans.
• Slate (#6375AF): A full-bodied, balanced violet — the color of wild irises.
• Peacock (#00605F): A full-bodied, dusty teal — the color of sea glass.
• Navy (#3F3357): A deep, shadowed, dusty violet — the color of a velvet chair.

Feels like: Trust, Stability, 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

• Patina Cobalt color palette (#FBF2FA, #86D4DB, #0083B0, #19623B, #293B53)
• Quiet Sapphire Coast color palette (#FFF0F7, #4EC7F5, #006BD2, #00574B, #2E2765)
• Aged Periwinkle Terrace color palette (#EBF8F8, #B8D8F8, #6598D8, #2D7497, #263961)
• Weathered Denim color palette (#F0F3E9, #A7D2C5, #577EAE, #005776, #0B1E44)
• Patina Powder color palette (#FBF4EC, #C4EADE, #90AFFB, #009DAF, #393262)
• Timeworn Courtyard color palette (#DDF5EE, #78B124, #824EAB, #3F6300, #3E2C4F)
• Lagoon Boulevard color palette (#EEE1EF, #33918B, #004452, #032401, #000A17)
• Spruce Orchard color palette (#EADBEA, #5AAEB0, #00607B, #004118, #011F41)

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