Dusty Cobalt color palette — #F1F7F2 · #ACCADE · #3B7EB1 · #005F66 · #203A62
Built around Cerulean, softened by Navy — the whole palette hums with trust and stability.
The five colors
- Ivory (#F1F7F2): a clean, paper-quiet neutral.
- Sky (#ACCADE): A whisper-light, dusty blue — the color of a favorite pair of jeans.
- Cerulean (#3B7EB1): A full-bodied, balanced blue — the color of deep harbor water.
- Peacock (#005F66): A full-bodied, dusty blue — the color of a favorite pair of jeans.
- Navy (#203A62): A deep, shadowed, dusty blue — the color of deep harbor water.
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
- Dusty Harbor color palette (#F8EFF3, #A4CEE8, #377CD1, #005D50, #171F39)
- Hushed Studio color palette (#F0F7F1, #BEE4EE, #2E9AA6, #0A7455, #184F5F)
- Softworn Petrol color palette (#E8F1EA, #82BEBE, #007586, #005140, #003344)
- Periwinkle Pier color palette (#FBF3EE, #B6DFCC, #6897DA, #007D6F, #38355B)
- Navy Meadow color palette (#D6E4D9, #6085A1, #003E6E, #002127, #000030)
- Hushed Powder color palette (#FCF4E7, #B9E8FF, #7CB8E9, #499AA2, #493148)
- Hushed Orchard color palette (#DBE5DD, #83A3BE, #1356A1, #003C48, #10194A)
- Worn Raspberry color palette (#D6F6F9, #36A287, #B55080, #006652, #581C3A)
Browse the whole catalog at Explore, or see today's palette.