Onyx Courtyard color palette — #F0DAEF · #9B696C · #625323 · #2C0C3F · #060009

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

The five colors

• Thistle (#F0DAEF): A whisper-light, dusty pink — the color of a candy shop window.
• Mocha (#9B696C): A full-bodied, dusty red — the color of late-summer berries.
• Coffee (#625323): A full-bodied, dusty green — the color of a quiet forest floor.
• Deep Indigo (#2C0C3F): A deep, shadowed, balanced violet — the color of a velvet chair.
• Ink (#060009): A deep, shadowed, dusty pink — the color of peonies in June.

Feels like: Nature, Growth, Optimism, Creativity, Sophistication. Tagged vintage, retro, 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

• Softworn Fern color palette (#F7E2E6, #9D7440, #38551E, #3C1033, #040003)
• Washed Onyx Studio color palette (#F2DBF5, #956484, #663C22, #0B0B56, #030004)
• Bronze Balcony color palette (#F6E3E7, #8F5E36, #2B4014, #131B47, #100923)
• Timeworn Fern color palette (#F7D9CC, #9E7A48, #696723, #00526C, #03113B)
• Aged Veranda color palette (#EDDCCF, #CDA289, #866B3B, #553280, #2B000C)
• Gentle Garnet color palette (#FCDCD6, #AA8A5B, #3D6A37, #660926, #1D0000)
• Twilit Bronze color palette (#FCE0DA, #A95800, #4B3600, #191900, #000200)
• Washed Nightshade Canyon color palette (#F0E0C1, #826800, #413EB7, #362900, #01000A)

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