Onyx Garden color palette — #DCEFE1 · #4D672A · #003422 · #270032 · #030700

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

The five colors

• Honeydew (#DCEFE1): A whisper-light, dusty teal — the color of shallow lagoons.
• Olive (#4D672A): A full-bodied, balanced green — the color of a quiet forest floor.
• Deep Forest (#003422): A deep, shadowed, dusty teal — the color of shallow lagoons.
• Deep Indigo (#270032): A deep, shadowed, balanced pink — the color of a candy shop window.
• Ink (#030700): A deep, shadowed, dusty green — the color of a quiet forest floor.

Feels like: Nature, Growth, Creativity, Sophistication, Depth, Luxury. Tagged botanical, earthy, muted, dark.

Use it as a design system

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

• Midnight Field color palette (#E3F4F0, #0B6D5A, #003138, #310012, #000805)
• Fern Summit color palette (#F2ECDD, #535F11, #143200, #2E0001, #010100)
• Deep Aubergine color palette (#CBECDA, #5B5200, #4A1B8A, #252100, #09001B)
• Weathered Dune color palette (#E0ECE0, #6B711D, #004416, #311E00, #0F1100)
• Inked Loft color palette (#EBEDDA, #414300, #45007A, #31005A, #020200)
• Lagoon Station color palette (#CEE5E0, #008F72, #004E56, #4F172C, #002118)
• Hushed Emerald Corridor color palette (#E0E3C1, #56A467, #007A88, #4D2000, #090F00)
• Pine Workshop color palette (#F4E6CE, #7A934F, #00754B, #5C356D, #040700)

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