Midnight Navy color palette — #CDE7F3 · #004C87 · #1D0087 · #130033 · #040005
Indigo and Peacock set the tone — five colors that lean into trust and stability.
The five colors
- Frost (#CDE7F3): A whisper-light, dusty blue — the color of a favorite pair of jeans.
- Peacock (#004C87): A full-bodied, balanced blue — the color of deep harbor water.
- Indigo (#1D0087): A deep, shadowed, vivid violet — the color of twilight just after sunset.
- Deep Indigo (#130033): A deep, shadowed, balanced violet — the color of twilight just after sunset.
- Black (#040005): 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 Midnight 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
- Inked Nightshade color palette (#D2E5FF, #1F52C2, #1B0095, #0F0044, #060020)
- Obsidian Onyx Villa color palette (#BEE7EE, #00556D, #002951, #10003F, #020007)
- Midnight Denim Courtyard color palette (#D9E8F8, #7C5600, #005395, #0B0B15, #000104)
- Nocturne Grape color palette (#E2DCF2, #652BCA, #2D0074, #230B0D, #070020)
- Deep Nightshade color palette (#E7EBFF, #3200A6, #343300, #0C2308, #01000A)
- Shadow Nightshade Alley color palette (#DFE6F6, #4100D0, #473A00, #19005F, #020100)
- Brick Thicket color palette (#E6F0FF, #A77CBA, #B53E47, #003845, #050014)
- Midnight Grape color palette (#E3E8F5, #6300CB, #4C005D, #260019, #040000)
Browse the whole catalog at Explore, or see today's palette.