Midnight Onyx color palette — #F1EFDF · #3C4B00 · #003764 · #37002D · #030500

Deep Indigo and Navy set the tone — five colors that lean into nature and growth.

The five colors

• Cream (#F1EFDF): A whisper-light, dusty green — the color of a quiet forest floor.
• Deep Olive (#3C4B00): A deep, shadowed, balanced green — the color of new leaves after rain.
• Navy (#003764): A deep, shadowed, balanced blue — the color of a favorite pair of jeans.
• Deep Indigo (#37002D): A deep, shadowed, balanced pink — the color of a candy shop window.
• Ink (#030500): A deep, shadowed, dusty green — the color of fresh herbs.

Feels like: Nature, Growth, Trust, Stability, Creativity, Sophistication. 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

• Moonless Lagoon color palette (#DDE2C5, #424900, #003F40, #3B0300, #010100)
• Charred Fern color palette (#F8D9CC, #326700, #003837, #33001C, #000F06)
• Cellar Aubergine Orchard color palette (#E1E9D3, #005230, #400089, #2B0046, #000602)
• Smoked Thicket color palette (#EFDBD1, #7D1800, #003B53, #31003B, #0F0100)
• Velvet Aubergine color palette (#EDE2D3, #593F00, #4D0078, #3D0006, #080400)
• Patina Quarry color palette (#ECE7DA, #726B00, #003949, #2B2800, #000203)
• Timeworn Olive Coast color palette (#E0E4C5, #208A10, #004D3B, #002121, #000E15)
• Aubergine Ridge color palette (#D7E9CA, #00604E, #720069, #3F1F00, #00110C)

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