Onyx Courtyard color palette — #E2DDED · #3A8E5B · #46003F · #2F1914 · #170013

Deep Indigo takes the lead with Fern close behind in a set that reads as nature and growth at first glance.

The five colors

• Silver (#E2DDED): A whisper-light, dusty violet — the color of wild irises.
• Fern (#3A8E5B): A full-bodied, balanced teal — the color of sea glass.
• Deep Indigo (#46003F): A deep, shadowed, balanced pink — the color of peonies in June.
• Onyx (#2F1914): A deep, shadowed, dusty orange — the color of toasted spice.
• Ink (#170013): A deep, shadowed, dusty pink — the color of peonies in June.

Feels like: Nature, Growth, Creativity, Balance. Tagged luxury, 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

• Eclipse Olive color palette (#EBDFF1, #427D23, #3C261A, #3B001C, #0F0004)
• Garnet Cabin color palette (#EDDFEF, #78A23E, #710028, #390010, #1A061C)
• Aubergine Workshop color palette (#DEE0F5, #21905B, #350060, #0F0022, #060001)
• Aged Pier color palette (#EBE3EA, #C2B4BA, #769782, #840021, #2A182A)
• Moonless Orchard color palette (#F2D8D7, #987200, #500032, #16000A, #040000)
• Dusty Driftwood Meadow color palette (#EDD7DF, #9D8C3E, #502B00, #241000, #1A020D)
• Dusty Mulberry color palette (#F4E9FE, #B88A00, #7E0051, #360020, #040108)
• Cocoa Atelier color palette (#FFF0F8, #AAA557, #733300, #401A00, #2A101F)

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