Cobalt Coast color palette — #EAF8F8 · #A7D4F8 · #2081DB · #006282 · #203E70
A conversation between Azure and Navy, giving this palette its sense of trust and stability.
The five colors
- Ivory (#EAF8F8): a clean, paper-quiet neutral.
- Powder Blue (#A7D4F8): A whisper-light, dusty blue — the color of a favorite pair of jeans.
- Azure (#2081DB): A full-bodied, vivid blue — the color of a favorite pair of jeans.
- Peacock (#006282): A full-bodied, balanced blue — the color of deep harbor water.
- Navy (#203E70): A deep, shadowed, balanced violet — the color of wild irises.
Feels like: Trust, Stability, Calm, Balance. Tagged coastal, cool, light.
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
- Hushed Cerulean Lantern color palette (#E8F9F7, #9DD9E8, #008DAF, #00666B, #004660)
- Tempered Sapphire color palette (#E7F9F9, #93BCE5, #266BC8, #005072, #102879)
- Tempered Balcony color palette (#F9EEF2, #A2D6FF, #4C7CE7, #00616A, #231D4A)
- Iris Meadow color palette (#FEF3E8, #BAE0FF, #6797FF, #00818D, #3D386A)
- Misty Azure color palette (#F3F7EC, #CDE8FF, #7CBBFF, #009ED0, #283F66)
- Muted Cabin color palette (#D8EAE9, #7194B0, #004D7F, #002E3C, #00132F)
- Chalky Indigo Studio color palette (#E3FAFF, #00AAA1, #7A68E0, #006B65, #392979)
- Wandering Boulevard color palette (#E6F9FF, #A6EFFF, #46C1F8, #00857E, #004951)
Browse the whole catalog at Explore, or see today's palette.