Onyx Courtyard color palette — #FDE8D7 · #5E2F00 · #002D30 · #08003E · #040001

Deep Indigo and Cocoa set the tone — five colors that lean into optimism and creativity.

The five colors

• Cream (#FDE8D7): A whisper-light, dusty gold — the color of honey in a jar.
• Cocoa (#5E2F00): A deep, shadowed, balanced gold — the color of honey in a jar.
• Deep Forest (#002D30): A deep, shadowed, dusty blue — the color of a favorite pair of jeans.
• Deep Indigo (#08003E): A deep, shadowed, balanced violet — the color of a velvet chair.
• Black (#040001): A deep, shadowed, dusty rose — the color of pressed rose petals.

Feels like: Optimism, Creativity, Sophistication, Depth, Luxury. 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

• Nocturne Onyx color palette (#D6E3D6, #493000, #022703, #120035, #030100)
• Garnet Delta color palette (#ECDCD6, #720206, #00301F, #001020, #030003)
• Chestnut Delta color palette (#F7E9D4, #714D00, #2C3300, #001529, #020200)
• Hazy Navy color palette (#F6E6EC, #7E4300, #004D4F, #19006C, #060002)
• Washed Alley color palette (#F7EEE4, #A79F91, #8E7B32, #4D2F00, #080300)
• Smoked Terrace color palette (#E2E2C8, #2D5000, #1E008E, #330022, #020100)
• Emerald Thicket color palette (#F0F4E3, #589850, #595892, #5F2739, #1D1303)
• Misty Aubergine Coast color palette (#EBE4C6, #5A5F00, #004274, #46034D, #090200)

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