Cobalt Coast color palette — #F0F4E7 · #A2D9F2 · #008DC7 · #006070 · #002743
Built around Cerulean, softened by Peacock — the whole palette hums with trust and stability.
The five colors
- Cream (#F0F4E7): a clean, paper-quiet neutral.
- Powder Blue (#A2D9F2): A whisper-light, dusty blue — the color of deep harbor water.
- Cerulean (#008DC7): A luminous, balanced blue — the color of deep harbor water.
- Peacock (#006070): A full-bodied, dusty blue — the color of a favorite pair of jeans.
- Midnight (#002743): A deep, shadowed, dusty blue — the color of a favorite pair of jeans.
Feels like: Trust, Stability, 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
- Hushed Cobalt color palette (#F0F4E4, #84C4E9, #0078B7, #004F61, #001A36)
- Softworn Cerulean color palette (#F1F3EA, #C8E4D1, #069DBE, #006C6F, #103426)
- Cerulean Studio color palette (#DFE1D6, #3C96B4, #00506E, #002B31, #00050B)
- Azure Field color palette (#E8F9F8, #ABE4FF, #3CA6DF, #007F94, #0E4368)
- Antique Hollow color palette (#FFEDE9, #FFD0CC, #FFA78B, #AA5979, #422219)
- Pale Grape Loft color palette (#FFDBD3, #E23567, #9C6900, #7C30BF, #2E0812)
- Bronze Quarry color palette (#FAE5D2, #CE9248, #9C5700, #6C3000, #291800)
- Mulberry Coast color palette (#FFEDEB, #EA609D, #9D7F00, #A50060, #291F00)
Browse the whole catalog at Explore, or see today's palette.