Tempered Cocoa Courtyard color palette — #FFEEE8 · #ADBB83 · #7B4244 · #3F1C10 · #160905
A conversation between Coffee and Sage, giving this palette its sense of nature and growth.
The five colors
- Cream (#FFEEE8): A whisper-light, dusty orange — the color of toasted spice.
- Sage (#ADBB83): A luminous, dusty green — the color of fresh herbs.
- Coffee (#7B4244): A full-bodied, dusty red — the color of embers at dusk.
- Espresso (#3F1C10): A deep, shadowed, dusty orange — the color of autumn markets.
- Ink (#160905): A deep, shadowed, dusty orange — the color of toasted spice.
Feels like: Nature, Growth, Sophistication. Tagged luxury, dark, muted.
Use it as a design system
One click turns Tempered 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
- Timeworn Chestnut color palette (#F7F0EB, #D3C199, #7B593D, #35302B, #1B1209)
- Dusty Orchard color palette (#FAF0E0, #CAA148, #604800, #2A1E00, #0D0600)
- Bronze Pier color palette (#FBF2FA, #BDCBA0, #9E5C5B, #623332, #2A1C29)
- Weathered Drift color palette (#EFDFD5, #A49800, #682700, #2A0B00, #080100)
- Terracotta Quarry color palette (#FAEFEC, #ED9997, #28885E, #9A4748, #0B1101)
- Muted Station color palette (#FFEFDD, #CF8963, #607438, #404071, #311E01)
- Chalky Fern color palette (#FFE2E1, #DC9C72, #92762A, #2A5100, #00271C)
- Ancient Bronze Thicket color palette (#E9E9D5, #AD6400, #1D3000, #1B2626, #040A00)
Browse the whole catalog at Explore, or see today's palette.