Midnight Onyx color palette — #DFE6D1 · #00623A · #003622 · #280041 · #020100
Deep Indigo and Pine set the tone — five colors that lean into nature and growth.
The five colors
- Parchment (#DFE6D1): A whisper-light, dusty green — the color of fresh herbs.
- Pine (#00623A): A full-bodied, balanced teal — the color of glacier melt.
- Deep Forest (#003622): A deep, shadowed, dusty teal — the color of shallow lagoons.
- Deep Indigo (#280041): A deep, shadowed, balanced violet — the color of twilight just after sunset.
- Black (#020100): quiet, heavy and certain.
Feels like: Nature, Growth, Creativity, Sophistication, Depth, Luxury. Tagged jewel, vibrant, 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
- Eclipse Onyx color palette (#F4E5C7, #584900, #004023, #170049, #020100)
- Onyx Archive color palette (#ECDCD8, #6E6700, #00463D, #35003B, #020700)
- Deep Forest color palette (#DEE3BF, #0F5205, #17211F, #001211, #010100)
- Antique Forest color palette (#FDE4C7, #827900, #0E5306, #002B23, #00080C)
- Airy Aubergine Hollow color palette (#D6F6F0, #287500, #005D3F, #45006C, #040700)
- Aubergine Atelier color palette (#D5F5DE, #007487, #004C5F, #430064, #090800)
- Chestnut Hollow color palette (#F1E5D7, #794E00, #003C52, #38000E, #0D0001)
- Airy Onyx Boulevard color palette (#E4FCEE, #797200, #00527B, #36004A, #030100)
Browse the whole catalog at Explore, or see today's palette.