Twilit Onyx Grove color palette — #DBE4F6 · #7D8000 · #12005A · #0D051C · #01000A

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

The five colors

• Frost (#DBE4F6): A whisper-light, dusty violet — the color of wild irises.
• Olive Leaf (#7D8000): A full-bodied, balanced green — the color of a quiet forest floor.
• Deep Indigo (#12005A): A deep, shadowed, balanced violet — the color of a velvet chair.
• Ink (#0D051C): A deep, shadowed, dusty violet — the color of a velvet chair.
• Black (#01000A): A deep, shadowed, dusty violet — the color of a velvet chair.

Feels like: Nature, Growth, Creativity, Depth, Luxury. Tagged luxury, dark.

Use it as a design system

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

• Cellar Courtyard color palette (#ECEAFF, #638823, #2F003A, #19080F, #030004)
• Charred Onyx color palette (#F5DDEC, #785900, #110045, #0F0103, #020012)
• Charred Bronze color palette (#DCECFF, #B66100, #001B3A, #0B0B15, #000104)
• Airy Study color palette (#EDECFD, #86B254, #5B0079, #2B1313, #100019)
• Muted Station color palette (#F2F5FF, #88D078, #5735A3, #1D0443, #010008)
• Nightshade Summit color palette (#EED9E5, #D85362, #472AA3, #140939, #060003)
• Aubergine Garden color palette (#DEDEE9, #BDB7C7, #B4828A, #531B72, #010006)
• Ancient Pewter Meadow color palette (#F6F3FF, #DAEFB9, #936295, #3B3254, #100D1A)

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