Cocoa Terrace color palette — #FCEADE · #956720 · #712B00 · #470016 · #080500
A conversation between Rust and Ochre, giving this palette its sense of optimism and balance.
The five colors
- Cream (#FCEADE): A whisper-light, dusty gold — the color of afternoon light on wheat.
- Ochre (#956720): A full-bodied, balanced gold — the color of honey in a jar.
- Rust (#712B00): A deep, shadowed, balanced orange — the color of autumn markets.
- Espresso (#470016): A deep, shadowed, balanced red — the color of late-summer berries.
- Ink (#080500): A deep, shadowed, dusty green — the color of a quiet forest floor.
Feels like: Optimism, Balance, Grounding. Tagged earthy, warm, muted.
Use it as a design system
One click turns Cocoa Terrace 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
- Hushed Olive Villa color palette (#F2DDBF, #747726, #583F00, #3C1600, #010800)
- Dusty Cocoa Harbor color palette (#F3DACC, #A97C47, #843D21, #541929, #140D00)
- Garnet Field color palette (#FFE3D2, #C19768, #9B553C, #6E273A, #221C00)
- Charred Cocoa Dune color palette (#F7DFCF, #752F00, #572100, #052300, #010008)
- Softworn Bronze Basin color palette (#F8F1E5, #C2BC9E, #9F7D3A, #7D4A15, #2B2E1B)
- Quiet Mulberry color palette (#E8E2FD, #A053A7, #88003F, #430C00, #0A0400)
- Weathered Aubergine Terrace color palette (#FEDDE7, #731E9D, #5B3D00, #002F27, #05000A)
- Worn Aubergine color palette (#F0DFE7, #7A65C8, #5B3D00, #3E008C, #020100)
Browse the whole catalog at Explore, or see today's palette.