Cobalt Coast color palette — #F9EFF4 · #ACCCE1 · #477CC6 · #005C51 · #171E3B
Azure takes the lead with Pine close behind in a set that reads as trust and stability at first glance.
The five colors
- Ivory (#F9EFF4): a clean, paper-quiet neutral.
- Lilac Frost (#ACCCE1): A whisper-light, dusty blue — the color of deep harbor water.
- Azure (#477CC6): A full-bodied, balanced blue — the color of deep harbor water.
- Pine (#005C51): A full-bodied, dusty teal — the color of sea glass.
- Midnight (#171E3B): A deep, shadowed, dusty violet — the color of twilight just after sunset.
Feels like: Trust, Stability, 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
- Hazy Villa color palette (#FEEBF9, #70CBDC, #0079B3, #00543A, #080E4C)
- Wandering Cobalt color palette (#EDF9EF, #90CFEC, #297FB9, #005F65, #253C58)
- Hushed Quarry color palette (#F6EFF6, #BEE4ED, #439AB1, #43693E, #152E44)
- Dusty Periwinkle Parlor color palette (#FAF4EB, #C0E4F5, #5BAEEC, #007E86, #3D243D)
- Ancient Villa color palette (#D9ECF9, #009FCF, #BA6000, #005E7C, #2F1400)
- Powdered Canyon color palette (#D3F5E8, #00AFB3, #007397, #00426F, #181A42)
- Tempered Terrace color palette (#E3F5FF, #DDD3F0, #D69ED0, #007F73, #122437)
- Misty Bronze color palette (#C4E5F3, #008C9B, #936300, #6D5900, #001720)
Browse the whole catalog at Explore, or see today's palette.