Cocoa Terrace color palette — #FAF5E7 · #B9A57E · #767C49 · #006860 · #5A4400
Deep Olive and Pine set the tone — five colors that lean into nature and growth.
The five colors
- Ivory (#FAF5E7): a clean, paper-quiet neutral.
- Camel (#B9A57E): A luminous, dusty gold — the color of honey in a jar.
- Walnut (#767C49): A full-bodied, dusty green — the color of a quiet forest floor.
- Pine (#006860): A full-bodied, balanced teal — the color of shallow lagoons.
- Deep Olive (#5A4400): A deep, shadowed, balanced gold — the color of honey in a jar.
Feels like: Nature, Growth, Optimism, Sophistication. Tagged retro, 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
- Tempered Coast color palette (#FBF6DC, #C6C6B4, #93987C, #5F7666, #3E594E)
- Chestnut Villa color palette (#F6F5EE, #C2C3A9, #6A8B67, #835E1A, #535000)
- Honey Hollow color palette (#E7FBED, #F2CA7A, #B4B17C, #5E998B, #3B4D41)
- Worn Workshop color palette (#F8F6E4, #6EA77E, #247A66, #105181, #3C3E37)
- Aged Villa color palette (#FCF0E1, #D79D70, #747F3D, #4D4C78, #342A1C)
- Gentle Moss Boulevard color palette (#FFF5D8, #929200, #416F00, #004F55, #323A00)
- Moss Workshop color palette (#FBF4E9, #E2DEBE, #DDC16F, #929A3D, #46433C)
- Softworn Delta color palette (#F4F6F0, #C8E4E7, #AC8DAE, #327797, #614960)
Browse the whole catalog at Explore, or see today's palette.