Cobalt Coast color palette — #F8EFF2 · #ABCBE9 · #6978B2 · #005B5C · #251838

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

The five colors

• Ivory (#F8EFF2): bright and airy, almost weightless.
• Sky (#ABCBE9): A whisper-light, dusty blue — the color of open sky before noon.
• Slate (#6978B2): A full-bodied, balanced violet — the color of a velvet chair.
• Peacock (#005B5C): A full-bodied, dusty teal — the color of glacier melt.
• Deep Indigo (#251838): A deep, shadowed, dusty violet — the color of twilight just after sunset.

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

• Timeworn Dune color palette (#EEF8F0, #B2C8DD, #5878AE, #005D71, #30375F)
• Timeworn Forest color palette (#F8EEF8, #A2D0DE, #3087A6, #115F2C, #032041)
• Quiet Cobalt color palette (#FCEDF5, #74C7EC, #2B70CB, #005348, #1B0050)
• Wandering Archive color palette (#FBF4EA, #C5E3F8, #84A7E1, #187B93, #242A54)
• Fern Coast color palette (#CFF2EB, #70A060, #8769BD, #266502, #211239)
• Denim Grove color palette (#ECDCE6, #3F97AD, #004D7D, #002D21, #02001C)
• Muted Sky Harbor color palette (#D7FBEF, #ABE2E7, #6BBADA, #8C693F, #012826)
• Softworn Chestnut color palette (#EEDAE3, #80A386, #895734, #5D2E2F, #001E14)

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