Tempered Cocoa color palette — #FBF4E9 · #8AA572 · #357058 · #604600 · #36362F
Bronze takes the lead with Moss close behind in a set that reads as nature and growth at first glance.
The five colors
- Ivory (#FBF4E9): a clean, paper-quiet neutral.
- Moss (#8AA572): A luminous, dusty green — the color of fresh herbs.
- Pine (#357058): A full-bodied, dusty teal — the color of shallow lagoons.
- Bronze (#604600): A full-bodied, balanced gold — the color of old brass.
- Espresso (#36362F): a grounded near-black with real depth.
Feels like: Nature, Growth, Optimism, Sophistication, Grounding. Tagged botanical, earthy, muted.
Use it as a design system
One click turns Tempered Cocoa 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
- Timeworn Cypress Quarry color palette (#F8F6E2, #6DAA8E, #007174, #425127, #2B3C00)
- Tempered Pine color palette (#E5F7EF, #91A97C, #3C7347, #494A04, #00221C)
- Hushed Lagoon Hollow color palette (#FAF5E4, #A5BE91, #598F63, #656731, #36362F)
- Ancient Terrace color palette (#EBE4D5, #739860, #00644D, #00445D, #2B2B05)
- Worn Pine color palette (#EBFBE8, #C3EBFF, #AFA3D1, #557D56, #2E493A)
- Teal Archive color palette (#EDF8F1, #BAD4A2, #56B58E, #918359, #183D35)
- Tempered Bloom color palette (#E0F6E0, #00A2A2, #B85369, #006464, #5B1B2C)
- Aged Turquoise Veranda color palette (#E2FAFF, #3BBBCD, #006E76, #003E45, #002A2E)
Browse the whole catalog at Explore, or see today's palette.