Hushed Cocoa Courtyard color palette — #FAF0E7 · #C8DBC5 · #AFB0BA · #AB7969 · #593800

Built around Cocoa, softened by Caramel — the whole palette hums with optimism and sophistication.

The five colors

• Cream (#FAF0E7): bright and airy, almost weightless.
• Oat (#C8DBC5): A whisper-light, dusty green — the color of a quiet forest floor.
• Ash (#AFB0BA): a calm mid-gray that lets other colors speak.
• Caramel (#AB7969): A luminous, dusty orange — the color of autumn markets.
• Cocoa (#593800): A deep, shadowed, dusty gold — the color of afternoon light on wheat.

Feels like: Optimism, Sophistication. Tagged pastel, light, muted.

Use it as a design system

One click turns Hushed Cocoa 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

• Aged Courtyard color palette (#F6F2E1, #CEE3CA, #A3CFB5, #A08854, #413D00)
• Tempered Taupe Boulevard color palette (#FFF1F6, #C4E6EE, #A7B2CA, #C3959B, #424E44)
• Aged Bronze color palette (#FAF0E8, #CAB8A3, #AC7544, #774B3F, #352A18)
• Powder Cabin color palette (#FFF0F7, #C2EFF9, #99D2E1, #937B99, #59484D)
• Tempered Bronze color palette (#F8F2DD, #D0E8B8, #76BFA0, #936911, #312901)
• Dusty Olive Corridor color palette (#FAE8CF, #A0914F, #457400, #5A2300, #040200)
• Timeworn Lagoon Archive color palette (#ECE8CC, #9EBD94, #00997E, #514500, #060E00)
• Worn Taupe color palette (#F6F2E5, #9C9856, #6A84AB, #734E7C, #282210)

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