Shadow Navy color palette — #DFEDFF · #004382 · #5A2300 · #331100 · #000410

Navy and Espresso set the tone — five colors that lean into trust and stability.

The five colors

• Frost (#DFEDFF): A whisper-light, dusty blue — the color of deep harbor water.
• Navy (#004382): A deep, shadowed, balanced blue — the color of open sky before noon.
• Espresso (#5A2300): A deep, shadowed, balanced orange — the color of autumn markets.
• Onyx (#331100): A deep, shadowed, dusty orange — the color of autumn markets.
• Ink (#000410): A deep, shadowed, dusty blue — the color of a favorite pair of jeans.

Feels like: Trust, Stability, Optimism, Sophistication, Depth, Luxury. Tagged dark, muted.

Use it as a design system

One click turns Shadow 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

• Nocturne Delta color palette (#D6E9EA, #004E50, #5E1E00, #360E00, #000606)
• Inked Navy Workshop color palette (#E7F1FF, #003378, #2B2D00, #131400, #000108)
• Obsidian Nightshade color palette (#E7ECFB, #2D00C3, #423400, #241C00, #00021A)
• Deep Aubergine Loft color palette (#C3EADC, #00486D, #580165, #002313, #000103)
• Nocturne Ridge color palette (#DEE9CF, #005A9B, #510056, #131C00, #070429)
• Garnet Cabin color palette (#E0EFF9, #007393, #62002E, #002B3A, #040007)
• Hazy Aubergine Delta color palette (#D6EAF9, #00679A, #792A84, #004123, #00050C)
• Petrol Hollow color palette (#D0E8FF, #006CAE, #755100, #513700, #00213A)

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