Shadow Navy color palette — #DDEFF1 · #005274 · #00226C · #14003E · #030005
Navy and Deep Indigo set the tone — five colors that lean into trust and stability.
The five colors
- Frost (#DDEFF1): a clean, paper-quiet neutral.
- Peacock (#005274): A full-bodied, balanced blue — the color of deep harbor water.
- Navy (#00226C): A deep, shadowed, balanced violet — the color of twilight just after sunset.
- Deep Indigo (#14003E): A deep, shadowed, balanced violet — the color of wild irises.
- Black (#030005): A deep, shadowed, dusty pink — the color of a candy shop window.
Feels like: Trust, Stability, Creativity, Depth, Luxury. Tagged dark.
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
- Airy Station color palette (#E0EEF6, #0073B9, #004287, #050046, #01000A)
- Deep Denim color palette (#D9EBE4, #006068, #003648, #00112B, #01000A)
- Lowlit Navy color palette (#D5E8FF, #00479E, #4A3900, #001C47, #020100)
- Navy Corridor color palette (#D8E5F9, #00387B, #353300, #0F2207, #000105)
- Eclipse Lapis color palette (#E6E9FF, #4E3BC7, #230086, #070027, #01000A)
- Nocturne Chestnut Delta color palette (#C7F6F6, #805400, #005A79, #080C12, #000103)
- Soft Plum Thicket color palette (#D8E6FA, #9E77C8, #A23D69, #003337, #010113)
- Smoked Meadow color palette (#E6F0FF, #4000D3, #3E0058, #220022, #040001)
Browse the whole catalog at Explore, or see today's palette.