Cobalt Coast color palette — #FCF3EE · #97D0DE · #0081B7 · #006153 · #243B5C
Cerulean and Pine set the tone — five colors that lean into trust and stability.
The five colors
- Ivory (#FCF3EE): a clean, paper-quiet neutral.
- Sky (#97D0DE): A whisper-light, dusty blue — the color of deep harbor water.
- Cerulean (#0081B7): A full-bodied, balanced blue — the color of open sky before noon.
- Pine (#006153): A full-bodied, balanced teal — the color of glacier melt.
- Navy (#243B5C): A deep, shadowed, dusty blue — the color of open sky before noon.
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
- Cerulean Chapel color palette (#E5F6F4, #A2CFE5, #0088AD, #005A61, #002435)
- Aged Atelier color palette (#F6EDE4, #8FB6D7, #3F62B9, #004E57, #2C274E)
- Dusty Azure color palette (#F4F6EC, #B5E1C6, #32A3C9, #0F7A82, #133F55)
- Weathered Harbor color palette (#F8E9E1, #2C8DA9, #004066, #00231F, #000030)
- Teal Pier color palette (#CEFFF2, #4ABA9C, #007157, #003F2F, #002720)
- Hushed Olive color palette (#F0FADD, #96E8E9, #72B5E8, #5A7934, #39492E)
- Linen Villa color palette (#EDEFE1, #82B053, #007A44, #005443, #003945)
- Pale Bloom color palette (#EAF2E2, #29B68A, #9C39A1, #00674B, #482749)
Browse the whole catalog at Explore, or see today's palette.