Midnight Onyx color palette — #DFF4F2 · #003417 · #2D0039 · #13001A · #050100
A conversation between Deep Indigo and Deep Forest, giving this palette its sense of nature and growth.
The five colors
- Cream (#DFF4F2): A whisper-light, dusty teal — the color of glacier melt.
- Deep Forest (#003417): A deep, shadowed, dusty teal — the color of sea glass.
- Deep Indigo (#2D0039): A deep, shadowed, balanced pink — the color of peonies in June.
- Ink (#13001A): A deep, shadowed, dusty pink — the color of neon signs at night.
- Black (#050100): A deep, shadowed, dusty gold — the color of afternoon light on wheat.
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
- Twilit Onyx Study color palette (#D5F2F6, #004037, #30003C, #0F0800, #000203)
- Spruce Station color palette (#D5E9EA, #00361D, #002033, #000816, #050100)
- Twilit Onyx Thicket color palette (#D0EEE7, #254700, #1D2317, #270050, #180200)
- Forest Pier color palette (#DCE4C3, #006E3B, #003531, #001219, #00030D)
- Garnet Pier color palette (#D0E7ED, #005051, #5A0024, #330011, #0B0500)
- Softworn Dune color palette (#DEEFED, #889EA3, #587587, #003515, #000C0B)
- Velvet Garnet color palette (#DBF8E7, #504600, #64004C, #3A0008, #040100)
- Hazy Mulberry color palette (#CFECF0, #006454, #730065, #4C0742, #230614)
Browse the whole catalog at Explore, or see today's palette.