Dusty Cobalt color palette — #DDF1EB · #0086D4 · #3A3B64 · #042820 · #06100A

Azure takes the lead with Navy close behind in a set that reads as trust and stability at first glance.

The five colors

• Honeydew (#DDF1EB): A whisper-light, dusty teal — the color of sea glass.
• Azure (#0086D4): A full-bodied, balanced blue — the color of deep harbor water.
• Navy (#3A3B64): A deep, shadowed, dusty violet — the color of twilight just after sunset.
• Onyx (#042820): A deep, shadowed, dusty teal — the color of glacier melt.
• Ink (#06100A): A deep, shadowed, dusty teal — the color of shallow lagoons.

Feels like: Trust, Stability, Creativity, Sophistication. Tagged noir, dark, luxury, 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

• Aged Station color palette (#F6E5F3, #3F76F5, #45385C, #2D1A2B, #05100C)
• Hushed Lagoon Harbor color palette (#D9E9D9, #009395, #09465F, #152617, #0B0F06)
• Softworn Azure Meadow color palette (#D5E8FA, #31A2F2, #5A607A, #2B3E50, #050F13)
• Eclipse Loft color palette (#D4E3F3, #0066AB, #18263B, #091520, #030408)
• Dusty Lilac Harbor color palette (#FEECF3, #A58DD0, #6B5052, #413439, #252023)
• Amethyst Coast color palette (#FDDAEC, #7C46FF, #58145C, #1B1337, #0E040E)
• Dusty Azure Boulevard color palette (#FDF3ED, #B6E0C7, #2C9FE0, #007D6F, #273A5C)
• Wandering Lagoon color palette (#F9F6E4, #97C196, #329377, #286D7E, #35362F)

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