Cobalt Coast color palette — #F3F8E4 · #75C2ED · #0074B2 · #005367 · #003361
Cerulean takes the lead with Sky close behind in a set that reads as trust and stability at first glance.
The five colors
- Cream (#F3F8E4): A whisper-light, dusty green — the color of a quiet forest floor.
- Sky (#75C2ED): A luminous, balanced blue — the color of a favorite pair of jeans.
- Cerulean (#0074B2): A full-bodied, balanced blue — the color of deep harbor water.
- Peacock (#005367): A full-bodied, dusty blue — the color of deep harbor water.
- Navy (#003361): A deep, shadowed, balanced blue — the color of open sky before noon.
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
- Tempered Basin color palette (#FFEEE0, #6FC7F6, #006EDA, #005153, #12094C)
- Cypress Garden color palette (#F6F7E5, #70C9C6, #007D84, #00574B, #003A42)
- Weathered Courtyard color palette (#DDE0D7, #71A5CC, #00599D, #003B4F, #031D45)
- Cornflower Study color palette (#FFF1F7, #8AD5FF, #2E8BFA, #007274, #272969)
- Turquoise Summit color palette (#D2FFFD, #50E9FE, #00AED9, #007469, #004046)
- Timeworn Coast color palette (#F4F6F0, #C4E8ED, #789CC9, #407692, #5E4B5C)
- Worn Cerulean color palette (#E4E6D6, #36A0A9, #00535F, #00302D, #00171E)
- Hushed Periwinkle Station color palette (#FFF3E9, #AFE1FF, #7DA9FF, #00988F, #36206A)
Browse the whole catalog at Explore, or see today's palette.