Onyx Courtyard color palette — #D5E2D9 · #463600 · #112C00 · #090045 · #030100

Built around Deep Indigo, softened by Deep Forest — the whole palette hums with nature and growth.

The five colors

• Silver (#D5E2D9): bright and airy, almost weightless.
• Espresso (#463600): A deep, shadowed, dusty green — the color of new leaves after rain.
• Deep Forest (#112C00): A deep, shadowed, dusty green — the color of a quiet forest floor.
• Deep Indigo (#090045): A deep, shadowed, balanced violet — the color of twilight just after sunset.
• Black (#030100): a grounded near-black with real depth.

Feels like: Nature, Growth, Optimism, Creativity, Sophistication, Depth. Tagged jewel, vibrant, dark, muted.

Use it as a design system

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

• Onyx Market color palette (#D1EAE1, #252F00, #002215, #14001C, #020200)
• Terracotta Station color palette (#F6D4E3, #913800, #2B3500, #210044, #130900)
• Cocoa Studio color palette (#FAD9E3, #5D3700, #2F2600, #00111A, #060000)
• Onyx Delta color palette (#CFE9EC, #004F3F, #003136, #32001C, #000B01)
• Navy Pier color palette (#F7DFE8, #7D4400, #00494B, #0E0071, #080002)
• Worn Basalt color palette (#F1E8EB, #9BAFA4, #628882, #512E00, #240915)
• Wandering Aubergine color palette (#D8F4F3, #005F3B, #004539, #460058, #131400)
• Hushed Navy color palette (#D5F5EA, #536100, #2E5100, #19008C, #271500)

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