Midnight Navy color palette — #DFF5E7 · #423700 · #1A1076 · #0A0044 · #020200

Built around Deep Indigo, softened by Deep Indigo — the whole palette hums with nature and growth.

The five colors

• Honeydew (#DFF5E7): A whisper-light, dusty teal — the color of sea glass.
• Deep Olive (#423700): A deep, shadowed, dusty green — the color of new leaves after rain.
• Deep Indigo (#1A1076): A deep, shadowed, balanced violet — the color of a velvet chair.
• Deep Indigo (#0A0044): A deep, shadowed, balanced violet — the color of a velvet chair.
• Black (#020200): a grounded near-black with real depth.

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

• Lowlit Onyx color palette (#E0F0E1, #4A3300, #002B50, #001328, #030100)
• Aubergine Study color palette (#C6E9E5, #004418, #3F005D, #1F0030, #000300)
• Navy Ridge color palette (#F1DDD5, #6B0108, #190080, #1C0033, #050000)
• Shadow Fern color palette (#F4E3EB, #445100, #002B23, #1E001A, #000500)
• Sunlit Canyon color palette (#C6E9DC, #4E5800, #382D96, #51001B, #0C0F00)
• Pale Terracotta Workshop color palette (#F8E7F4, #9A1400, #363198, #3B005F, #060000)
• Midnight Fern color palette (#F5EDD4, #516800, #003E14, #00120F, #000304)
• Patina Spruce color palette (#D7E3DF, #8D9E9C, #5B767A, #272F00, #000D08)

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