Cobalt Coast color palette — #F4F7EC · #9FD5ED · #0084BA · #004F5D · #000E1C
A conversation between Cerulean and Peacock, giving this palette its sense of trust and stability.
The five colors
- Ivory (#F4F7EC): bright and airy, almost weightless.
- Powder Blue (#9FD5ED): A whisper-light, dusty blue — the color of open sky before noon.
- Cerulean (#0084BA): A full-bodied, balanced blue — the color of open sky before noon.
- Peacock (#004F5D): A deep, shadowed, dusty blue — the color of a favorite pair of jeans.
- Ink (#000E1C): A deep, shadowed, dusty blue — the color of a favorite pair of jeans.
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
- Patina Turquoise color palette (#D6EDF1, #00AECB, #007590, #003E54, #001421)
- Ancient Byzantium Station color palette (#C3E7FF, #0083BE, #8444BF, #006450, #000204)
- Quiet Ultramarine Workshop color palette (#EAF1DE, #89BBF0, #2964BD, #003A55, #000016)
- Wandering Chapel color palette (#EDF7FF, #C3DBFF, #AAB6F9, #00769A, #001530)
- Hushed Olive color palette (#D5F8E5, #00A1C8, #638900, #00566C, #050900)
- Gentle Azure Terrace color palette (#F4E6DC, #94C9DF, #2897EF, #007D79, #0D1356)
- Denim Lantern color palette (#EBEEE2, #6AADC5, #005D7D, #002A30, #000103)
- Hushed Coast color palette (#F4F6EF, #BFE0F3, #94C0EA, #4D8BA4, #4F3450)
Browse the whole catalog at Explore, or see today's palette.