Midnight Navy color palette — #D3F6F1 · #006B1E · #0E2A81 · #390004 · #060300
Built around Navy, softened by Pine — the whole palette hums with nature and growth.
The five colors
- Honeydew (#D3F6F1): A whisper-light, dusty teal — the color of glacier melt.
- Pine (#006B1E): A full-bodied, balanced green — the color of a quiet forest floor.
- Navy (#0E2A81): A deep, shadowed, balanced violet — the color of a velvet chair.
- Ink (#390004): A deep, shadowed, balanced orange — the color of sun-warmed clay.
- Ink (#060300): A deep, shadowed, dusty gold — the color of afternoon light on wheat.
Feels like: Nature, Growth, 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
- Charred Fern color palette (#C4E8DD, #4B6200, #00395E, #370014, #0D0000)
- Aubergine Courtyard color palette (#DBEEF0, #005647, #370067, #1C0C00, #020100)
- Worn Aubergine Alley color palette (#D0E5F5, #005F85, #2E1B88, #37003A, #290009)
- Chalky Quarry color palette (#E2E7CC, #138C2A, #00578B, #640021, #031700)
- Airy Aubergine Lagoon color palette (#C3E9EE, #008473, #67149F, #3F2600, #0E1000)
- Muted Market color palette (#F8D8E3, #8C7725, #3E4A00, #003323, #0B0700)
- Frosted Aubergine color palette (#E6F8E8, #008B91, #004E8E, #340059, #000201)
- Washed Lagoon color palette (#DEEFE4, #438990, #395A7C, #4A2404, #1F0E00)
Browse the whole catalog at Explore, or see today's palette.