Dusty Navy color palette — #DEF0F3 · #00A8D0 · #0069A4 · #003897 · #291A7F
Built around Indigo, softened by Royal Purple — the whole palette hums with trust and stability.
The five colors
- Frost (#DEF0F3): a clean, paper-quiet neutral.
- Cyan (#00A8D0): A luminous, balanced blue — the color of open sky before noon.
- Peacock (#0069A4): A full-bodied, balanced blue — the color of open sky before noon.
- Indigo (#003897): A deep, shadowed, vivid violet — the color of a velvet chair.
- Royal Purple (#291A7F): A deep, shadowed, balanced violet — the color of twilight just after sunset.
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
- Feathered Drift color palette (#D0E8E4, #00A0B2, #006C85, #004875, #002F74)
- Timeworn Azure color palette (#DAEFFA, #18AFF5, #0080C3, #005195, #003672)
- Dusty Azure Lantern color palette (#C8EBFC, #0098D8, #005F97, #003969, #001B42)
- Nightshade Atelier color palette (#CAE9F6, #0092D0, #0058BD, #3C00AD, #3A1269)
- Patina Veranda color palette (#CFE6E8, #20C4F6, #009CE5, #005CE1, #282773)
- Pale Navy color palette (#E8EFFF, #6D96FF, #0054BB, #00198D, #000855)
- Hushed Cobalt color palette (#BEF2E3, #008ADB, #956500, #005285, #3F2900)
- Quiet Nightshade color palette (#D2E6F8, #567EDE, #513FB7, #54167C, #451A49)
Browse the whole catalog at Explore, or see today's palette.