Cocoa Terrace color palette — #D1E5D9 · #007191 · #822B00 · #5A1B00 · #050600
Built around Rust, softened by Espresso — the whole palette hums with trust and stability.
The five colors
- Silver (#D1E5D9): A whisper-light, dusty teal — the color of sea glass.
- Teal (#007191): A full-bodied, balanced blue — the color of a favorite pair of jeans.
- Rust (#822B00): A full-bodied, balanced orange — the color of sun-warmed clay.
- Espresso (#5A1B00): A deep, shadowed, balanced orange — the color of toasted spice.
- Ink (#050600): A deep, shadowed, dusty green — the color of fresh herbs.
Feels like: Trust, Stability, Optimism, Balance. Tagged jewel, vibrant.
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
- Linen Archive color palette (#DFF6E7, #007C8B, #8B002C, #66001E, #040600)
- Denim Bloom color palette (#D2F1E7, #0062A6, #5D3300, #422200, #000201)
- Garnet Bloom color palette (#EBF7FF, #007795, #7B0035, #382500, #000201)
- Hazy Garnet color palette (#E0F1EC, #1280CF, #910603, #432F00, #001706)
- Ancient Boulevard color palette (#F3E6F0, #004AEA, #763A00, #582900, #000C08)
- Muted Lantern color palette (#D6E6D3, #007775, #7C057A, #58003F, #0C0800)
- Nightshade Canyon color palette (#EAE6D2, #008CBA, #593DB2, #423800, #001630)
- Muted Byzantium color palette (#CFE1F4, #008FEE, #8F3FD2, #755100, #000815)
Browse the whole catalog at Explore, or see today's palette.