Midnight Navy color palette — #C7E6E4 · #005D33 · #003C70 · #33001A · #000200
Built around Navy, softened by Pine — the whole palette hums with nature and growth.
The five colors
- Silver (#C7E6E4): A whisper-light, dusty teal — the color of glacier melt.
- Pine (#005D33): A full-bodied, balanced teal — the color of sea glass.
- Navy (#003C70): A deep, shadowed, balanced blue — the color of open sky before noon.
- Ink (#33001A): A deep, shadowed, balanced rose — the color of strawberry cream.
- Black (#000200): A deep, shadowed, dusty green — the color of a quiet forest floor.
Feels like: Nature, Growth, Trust, Stability, Sophistication, Depth. Tagged dark, muted.
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
- Abyss Lagoon color palette (#C7E9EA, #005841, #00293E, #190002, #000201)
- Onyx Alley color palette (#D9EBE1, #554F00, #00454A, #26003D, #010100)
- Velvet Pine Veranda color palette (#F8D8D5, #107827, #003847, #210002, #000201)
- Obsidian Aubergine Orchard color palette (#DAF5FF, #00585F, #3E1394, #2B0F00, #000102)
- Nocturne Aubergine Courtyard color palette (#CBEEE7, #164100, #300070, #280016, #000200)
- Onyx Coast color palette (#DAEFF2, #006356, #540028, #160007, #030100)
- Hushed Pine Boulevard color palette (#E6EBCC, #008D4D, #004F49, #00171F, #00000C)
- Antique Mulberry Ridge color palette (#D6F4FF, #006D76, #81007E, #3A2200, #000102)
Browse the whole catalog at Explore, or see today's palette.