Tempered Cocoa color palette — #FCF4E5 · #E1D093 · #ABB388 · #5E9893 · #594500
A conversation between Deep Olive and Wheat, giving this palette its sense of nature and growth.
The five colors
- Cream (#FCF4E5): A whisper-light, dusty gold — the color of old brass.
- Wheat (#E1D093): A whisper-light, balanced green — the color of fresh herbs.
- Sage (#ABB388): A luminous, dusty green — the color of fresh herbs.
- Eucalyptus (#5E9893): A luminous, dusty teal — the color of shallow lagoons.
- Deep Olive (#594500): A full-bodied, balanced gold — the color of afternoon light on wheat.
Feels like: Nature, Growth, Optimism, Sophistication. Tagged retro, light, 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
- Aged Cocoa Parlor color palette (#FFF3E5, #D9B790, #879A72, #886176, #5D4300)
- Dusty Studio color palette (#FAF6E1, #CEE0C8, #BEC5AA, #8A9E91, #43564E)
- Pewter Orchard color palette (#FFF1F5, #FFD3AB, #99AA70, #8063A1, #304535)
- Wandering Hollow color palette (#F7F2E1, #BFBA78, #897C33, #595448, #25211A)
- Quiet Clover Atelier color palette (#FFF5D7, #BACC4F, #61B545, #008A9B, #2C3C00)
- Antique Seafoam color palette (#F8F6E2, #88DCB1, #56B8A9, #5984B9, #3B3E38)
- Pale Lime Atelier color palette (#E9DEBA, #8FBC34, #3C9F53, #00728A, #132B02)
- Dusty Sapphire color palette (#D0F1B7, #00CDB2, #00A1AA, #4D5ECD, #00302D)
Browse the whole catalog at Explore, or see today's palette.