Dusty Cobalt color palette — #F4F6EF · #A5D0C1 · #4B7CAC · #005B77 · #1F3B62

A conversation between Slate and Peacock, giving this palette its sense of trust and stability.

The five colors

• Ivory (#F4F6EF): bright and airy, almost weightless.
• Pistachio (#A5D0C1): A whisper-light, dusty teal — the color of shallow lagoons.
• Slate (#4B7CAC): A full-bodied, balanced blue — the color of a favorite pair of jeans.
• Peacock (#005B77): A full-bodied, balanced blue — the color of open sky before noon.
• Navy (#1F3B62): A deep, shadowed, dusty blue — the color of open sky before noon.

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

• Wandering Thicket color palette (#F6F6ED, #B3CDB2, #008990, #006154, #00434C)
• Patina Cobalt color palette (#F8F0E9, #A2D4C3, #4878D3, #005A61, #321428)
• Weathered Iris color palette (#FBF3F5, #B9D9F4, #6694E8, #007B84, #36355C)
• Antique Navy Market color palette (#E8EDDE, #6284A3, #003B77, #00202F, #00032A)
• Patina Turquoise color palette (#CAFCFF, #52BABF, #007379, #003C3E, #002628)
• Linen Cobalt color palette (#D7ECCF, #008D7F, #0070BC, #576200, #1D3215)
• Muted Alley color palette (#E4F4DF, #2AA294, #987200, #00655B, #453200)
• Garnet Station color palette (#F6E4D9, #B78C72, #8C5239, #722919, #352F2A)

Browse the whole catalog at Explore, or see today's palette.