Dusty Navy color palette — #DCEFF7 · #0087BD · #004D85 · #000C61 · #01000F

Deep Indigo and Cerulean set the tone — five colors that lean into trust and stability.

The five colors

• Frost (#DCEFF7): A whisper-light, dusty blue — the color of open sky before noon.
• Cerulean (#0087BD): A full-bodied, balanced blue — the color of deep harbor water.
• Peacock (#004D85): A full-bodied, balanced blue — the color of deep harbor water.
• Deep Indigo (#000C61): A deep, shadowed, balanced violet — the color of wild irises.
• Black (#01000F): A deep, shadowed, dusty violet — the color of wild irises.

Feels like: Trust, Stability, Creativity, Calm, Balance. Tagged cool.

Use it as a design system

One click turns Dusty Navy 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

• Washed Cerulean color palette (#D0F2F5, #0094AE, #005271, #00253E, #00020D)
• Onyx Studio color palette (#C6E9EB, #006F8E, #003368, #0B0054, #05000F)
• Feathered Workshop color palette (#E5F0FF, #357CDD, #8E5A00, #00387D, #020100)
• Aged Ultramarine color palette (#D9E6F2, #1786EF, #1828CE, #240073, #020008)
• Softworn Wisteria Meadow color palette (#E0ECFF, #CAC4FF, #CB84D2, #006193, #080129)
• Nightshade Atelier color palette (#D0E5E6, #0094BA, #0070BF, #3D1AB2, #160036)
• Inked Aubergine Corridor color palette (#DAE8FF, #4C69D9, #35009F, #140033, #020006)
• Tempered Grape color palette (#DBE2FF, #7570E3, #6A00C0, #3E0055, #0E000F)

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