Cobalt Coast color palette — #F9E9F2 · #96CEE5 · #5689C6 · #006E5D · #292850
Built around Cerulean, softened by Pine — the whole palette hums with trust and stability.
The five colors
- Blush (#F9E9F2): A whisper-light, dusty pink — the color of peonies in June.
- Sky (#96CEE5): A whisper-light, dusty blue — the color of deep harbor water.
- Cerulean (#5689C6): A luminous, balanced blue — the color of deep harbor water.
- Pine (#006E5D): A full-bodied, balanced teal — the color of shallow lagoons.
- Deep Indigo (#292850): A deep, shadowed, dusty violet — the color of twilight just after sunset.
Feels like: Trust, Stability, Creativity, Calm, Balance. 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
- Aged Forest color palette (#F4EBF4, #8CD4CF, #0095B5, #276F29, #002F54)
- Patina Azure color palette (#FCF3EE, #C1EEFF, #4795E7, #006C5A, #19183E)
- Tempered Indigo color palette (#FBEBF0, #8FB6D8, #5C6CC3, #00595B, #281141)
- Antique Petrol Market color palette (#F4EEE4, #91BDA6, #006FA3, #004F52, #0D2E54)
- Patina Pine Delta color palette (#FCF1FC, #A8E9E6, #00ACD1, #318636, #174268)
- Worn Lagoon color palette (#E7F5FF, #C9D7FF, #DBA5D5, #0B8A7B, #183A55)
- Teal Corridor color palette (#CFF6EA, #00ADB4, #0082A4, #005886, #212D61)
- Aged Cobalt Chapel color palette (#CAEBFF, #5CB0F1, #037DCD, #00476E, #001A2D)
Browse the whole catalog at Explore, or see today's palette.