Onyx Garden color palette — #D3E0F4 · #00684B · #000647 · #080713 · #00000A
A conversation between Deep Indigo and Pine, giving this palette its sense of creativity and calm.
The five colors
- Frost (#D3E0F4): A whisper-light, dusty blue — the color of a favorite pair of jeans.
- Pine (#00684B): A full-bodied, balanced teal — the color of glacier melt.
- Deep Indigo (#000647): A deep, shadowed, balanced violet — the color of wild irises.
- Ink (#080713): A deep, shadowed, dusty violet — the color of wild irises.
- Black (#00000A): A deep, shadowed, dusty violet — the color of a velvet chair.
Feels like: Creativity, Calm, Sophistication, Depth, Luxury. Tagged luxury, dark, muted, cool.
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
- Forest Terrace color palette (#DEEFFA, #176A1F, #382E31, #001720, #000102)
- Lowlit Onyx color palette (#F3DFF0, #795800, #00044A, #0E0104, #000013)
- Lowlit Navy Villa color palette (#ECDCEA, #008A63, #001381, #000221, #050005)
- Onyx Bloom color palette (#D9E0F6, #893B45, #140042, #0E0519, #010009)
- Wandering Lantern color palette (#E6E8F3, #8C8C9A, #6C677D, #390065, #01000A)
- Wandering Aubergine color palette (#E6E8F8, #C98E8A, #533478, #240F3B, #04040E)
- Antique Basalt color palette (#F5EFF8, #DBB8C9, #6E5778, #4B2130, #18111B)
- Twilit Boulevard color palette (#E8E7F8, #B05D50, #420057, #110019, #010008)
Browse the whole catalog at Explore, or see today's palette.