Midnight Onyx color palette — #E2F1E0 · #5F3B00 · #003C4F · #15005A · #000200

Deep Indigo and Bronze set the tone — five colors that lean into trust and stability.

The five colors

• Honeydew (#E2F1E0): A whisper-light, dusty green — the color of new leaves after rain.
• Bronze (#5F3B00): A deep, shadowed, balanced gold — the color of old brass.
• Deep Teal (#003C4F): A deep, shadowed, dusty blue — the color of deep harbor water.
• Deep Indigo (#15005A): A deep, shadowed, balanced violet — the color of twilight just after sunset.
• Black (#000200): A deep, shadowed, dusty green — the color of a quiet forest floor.

Feels like: Trust, Stability, Optimism, Creativity, Sophistication, Depth. Tagged dark, muted.

Use it as a design system

One click turns Midnight Onyx 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

• Navy Field color palette (#D2E8DC, #4C4500, #003372, #2E003F, #010100)
• Onyx Delta color palette (#D6E6D8, #493300, #002835, #150032, #050000)
• Shadow Garnet Bloom color palette (#F1D6E7, #772300, #003F3E, #001C3C, #040000)
• Onyx Courtyard color palette (#F5E5C4, #5C5800, #003A0C, #0D0047, #010200)
• Sunlit Nightshade color palette (#FEE4F4, #A33700, #4C1DBD, #280071, #040000)
• Washed Lantern color palette (#E1ECE5, #86A99C, #5F847E, #3F3600, #000602)
• Emerald Courtyard color palette (#DDF8F8, #009F66, #8663A6, #754046, #001F1F)
• Hazy Olive Lagoon color palette (#CCF3EB, #3C8A00, #6754A7, #672B4D, #001411)

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