Cocoa Terrace color palette — #FFEEE4 · #DDD7C5 · #ABC59C · #AB7970 · #603000
Built around Bronze, softened by Mocha — the whole palette hums with nature and growth.
The five colors
- Cream (#FFEEE4): A whisper-light, dusty gold — the color of honey in a jar.
- Bone (#DDD7C5): A whisper-light, dusty green — the color of a quiet forest floor.
- Pistachio (#ABC59C): A luminous, dusty green — the color of a quiet forest floor.
- Mocha (#AB7970): A luminous, dusty orange — the color of sun-warmed clay.
- Bronze (#603000): A deep, shadowed, balanced gold — the color of honey in a jar.
Feels like: Nature, Growth, Optimism, Sophistication. Tagged pastel, light, 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
- Garnet Corridor color palette (#FEEEEA, #C0F4DD, #E0D5C8, #A87E79, #5E2209)
- Bronze Garden color palette (#F8F2DD, #B6E3CA, #8FCEB6, #87763B, #35332C)
- Antique Chestnut color palette (#F8F1E2, #C8BA96, #90834E, #745101, #2F2C1F)
- Antique Oat color palette (#FFF0FC, #E7D8D7, #AFDDDB, #9587A0, #594B52)
- Quiet Hollow color palette (#FFEFDF, #E1E0A8, #D3B347, #B15818, #3C2200)
- Timeworn Bronze Basin color palette (#FFE3CD, #B07730, #825F00, #531800, #060200)
- Ancient Orchard color palette (#F3E5C5, #AFB057, #739C3F, #5B4200, #0F0A00)
- Airy Meadow color palette (#FFE7CB, #DDC58D, #B7A900, #844900, #251700)
Browse the whole catalog at Explore, or see today's palette.