Onyx Courtyard color palette — #F0DBE4 · #8C7936 · #2E4400 · #300038 · #020100

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

The five colors

• Shell Pink (#F0DBE4): A whisper-light, dusty rose — the color of strawberry cream.
• Walnut (#8C7936): A full-bodied, balanced green — the color of new leaves after rain.
• Deep Olive (#2E4400): A deep, shadowed, balanced green — the color of fresh herbs.
• Deep Indigo (#300038): A deep, shadowed, balanced pink — the color of neon signs at night.
• Black (#020100): quiet, heavy and certain.

Feels like: Nature, Growth, Optimism, Creativity, Sophistication, Grounding. Tagged botanical, earthy, 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

• Olive Chapel color palette (#E2F2E6, #69853D, #00482E, #38001D, #010100)
• Fern Orchard color palette (#EFDBE1, #959148, #165E02, #2D1C5C, #010100)
• Smoked Summit color palette (#F8EDE0, #646000, #073502, #25062D, #090500)
• Worn Plum Atelier color palette (#EAE3F5, #9F4482, #4A5D00, #4F003D, #010100)
• Frosted Quarry color palette (#E8DFC6, #7C9432, #217600, #084D74, #040700)
• Weathered Mulberry Grove color palette (#EEDBFA, #99005E, #3A4F00, #293800, #040001)
• Tempered Alley color palette (#EADFEA, #6BAFB3, #005D7B, #002E13, #000105)
• Washed Summit color palette (#E2FDEF, #82B07E, #00705F, #6A1A2D, #000B00)

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