Cocoa Terrace color palette — #FFF4E2 · #57A1C9 · #59659F · #7F340C · #1D453D
Built around Rust, softened by Cyan — the whole palette hums with trust and stability.
The five colors
- Cream (#FFF4E2): A whisper-light, dusty gold — the color of afternoon light on wheat.
- Cyan (#57A1C9): A luminous, balanced blue — the color of a favorite pair of jeans.
- Slate (#59659F): A full-bodied, balanced violet — the color of wild irises.
- Rust (#7F340C): A full-bodied, balanced orange — the color of sun-warmed clay.
- Forest (#1D453D): A deep, shadowed, dusty teal — the color of sea glass.
Feels like: Trust, Stability, Optimism, Creativity, Calm, Balance. Tagged retro, cool.
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
- Mulberry Veranda color palette (#E8FAF4, #4E90BE, #864982, #6D3800, #104419)
- Aged Pewter Summit color palette (#FFF4E2, #7B96D3, #785A97, #694600, #503245)
- Mulberry Orchard color palette (#FFF4E2, #4DA9A0, #007595, #7D2C50, #2D4430)
- Gentle Market color palette (#FCF0DB, #00B1BA, #5A62B0, #574400, #0F281E)
- Iris Boulevard color palette (#E9FAEE, #3DC7CF, #737DD2, #796000, #254152)
- Dusty Cerulean color palette (#F8F5EF, #C9E4D6, #5691BB, #007076, #573D58)
- Mulberry Quarry color palette (#FCECD5, #9975B1, #913164, #394600, #422343)
- Faded Archive color palette (#F7E1C0, #1D7AE7, #6123B3, #522F00, #161D64)
Browse the whole catalog at Explore, or see today's palette.