Dusty Cobalt color palette — #F3F7EA · #9FCBEA · #3A7DB6 · #005C75 · #233B5B
A conversation between Cerulean and Peacock, giving this palette its sense of trust and stability.
The five colors
- Ivory (#F3F7EA): a clean, paper-quiet neutral.
- Sky (#9FCBEA): A whisper-light, dusty blue — the color of deep harbor water.
- Cerulean (#3A7DB6): A full-bodied, balanced blue — the color of open sky before noon.
- Peacock (#005C75): A full-bodied, balanced blue — the color of a favorite pair of jeans.
- Navy (#233B5B): 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 Dusty Cobalt 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 Cobalt color palette (#F5F1EA, #A2D4C2, #547EB0, #005967, #131E3F)
- Hushed Azure Veranda color palette (#EFF8F1, #B3DAF9, #6399D7, #00798C, #2A3860)
- Petrol Bloom color palette (#EFF0E0, #6EC0CA, #007587, #00504E, #003442)
- Lilac Workshop color palette (#FFF0FE, #C5D2FF, #ACA4EA, #4A759B, #473544)
- Antique Navy color palette (#E0E6D5, #4786B7, #003C72, #00202E, #000721)
- Hushed Cerulean color palette (#F5F6EA, #C3E7C7, #4598A4, #266F68, #334F3F)
- Tempered Cobalt color palette (#F6D9FA, #007CD7, #8A529E, #006960, #37223A)
- Soft Denim Summit color palette (#EFF6FF, #61A5FA, #1A5EAF, #0E396E, #052448)
Browse the whole catalog at Explore, or see today's palette.