Nocturne Onyx color palette — #DDF1E8 · #4A4C00 · #004122 · #26004B · #020200
A conversation between Deep Indigo and Deep Olive, giving this palette its sense of nature and growth.
The five colors
- Honeydew (#DDF1E8): A whisper-light, dusty teal — the color of shallow lagoons.
- Deep Olive (#4A4C00): A full-bodied, balanced green — the color of a quiet forest floor.
- Forest (#004122): A deep, shadowed, balanced teal — the color of sea glass.
- Deep Indigo (#26004B): A deep, shadowed, balanced violet — the color of wild irises.
- Black (#020200): a grounded near-black with real depth.
Feels like: Nature, Growth, Creativity, Sophistication, Depth, Luxury. Tagged jewel, vibrant, dark, muted.
Use it as a design system
One click turns Nocturne 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
- Tempered Drift color palette (#F6E1EE, #895700, #004B17, #330043, #040300)
- Fern Orchard color palette (#DAECE5, #3F4C00, #25272F, #00120A, #010200)
- Cocoa Boulevard color palette (#FAE4ED, #703D00, #363300, #001D34, #040100)
- Weathered Bronze Ridge color palette (#FDE2D4, #946700, #404C00, #002811, #000504)
- Tempered Cocoa Grove color palette (#E0E5E1, #9AA8A4, #668F90, #574200, #020C04)
- Onyx Market color palette (#DEF1F2, #00654E, #004A69, #54001B, #000201)
- Pine Thicket color palette (#C9E6E4, #00813F, #00565F, #5A0048, #000C02)
- Aubergine Summit color palette (#DCF9E2, #8A6500, #006178, #3E0D75, #070001)
Browse the whole catalog at Explore, or see today's palette.