Onyx Courtyard color palette — #FFE1F3 · #7C4B2E · #4D1800 · #270200 · #080200

Espresso and Coffee set the tone — five colors that lean into optimism and warmth.

The five colors

• Blush (#FFE1F3): A whisper-light, dusty pink — the color of neon signs at night.
• Coffee (#7C4B2E): A full-bodied, dusty gold — the color of honey in a jar.
• Espresso (#4D1800): A deep, shadowed, balanced orange — the color of sun-warmed clay.
• Ink (#270200): A deep, shadowed, dusty orange — the color of autumn markets.
• Ink (#080200): A deep, shadowed, dusty gold — the color of honey in a jar.

Feels like: Optimism, Warmth, Comfort, Sophistication, Depth, Luxury. Tagged earthy, warm, 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

• Shadow Chestnut Coast color palette (#E2F4E4, #6C5719, #3B2800, #1B0D00, #050300)
• Softworn Cocoa Coast color palette (#FAEBE2, #9A5F21, #772700, #4A0013, #060300)
• Smoked Fern Summit color palette (#DBF1FD, #2F6F2A, #362C2F, #00181F, #000304)
• Misty Grove color palette (#FBD0E6, #BA7E50, #904100, #6A2000, #3D2100)
• Grape Station color palette (#E2F1E5, #7515EC, #006F8A, #090F16, #000204)
• Lowlit Aubergine Studio color palette (#E8EDFF, #594DAE, #3E007D, #1D0031, #0B000F)
• Timeworn Cocoa Station color palette (#DBEEDB, #7DA184, #7F5C25, #623900, #1B3726)
• Aubergine Boulevard color palette (#DEE7F1, #045DA1, #2A0071, #001E3B, #02000D)

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