Tempered Cocoa color palette — #EAF9F5 · #85A271 · #5B6DA6 · #7C4124 · #513913
Built around Bronze, softened by Slate — the whole palette hums with nature and growth.
The five colors
- Ivory (#EAF9F5): a clean, paper-quiet neutral.
- Moss (#85A271): A luminous, dusty green — the color of new leaves after rain.
- Slate (#5B6DA6): A full-bodied, balanced violet — the color of twilight just after sunset.
- Bronze (#7C4124): A full-bodied, balanced orange — the color of autumn markets.
- Cocoa (#513913): A deep, shadowed, dusty gold — the color of afternoon light on wheat.
Feels like: Nature, Growth, Optimism, Creativity, Sophistication. Tagged 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
- Patina Summit color palette (#E8F9FA, #459A84, #6C5594, #673D00, #004335)
- Antique Study color palette (#EDF8F5, #8CA074, #2A7D88, #7A3962, #3E4720)
- Ancient Terrace color palette (#FFF1F6, #B88E6B, #377F6F, #59448B, #5C3921)
- Pewter Alley color palette (#E6FBF3, #AFCECF, #6F93A2, #826681, #624A53)
- Antique Petrol Chapel color palette (#EDF4ED, #53ADA8, #3478A8, #504273, #252A0E)
- Aged Nightshade color palette (#E3F6F6, #008D5D, #48459F, #662000, #213200)
- Dusty Harbor color palette (#EDF7FA, #6AC3BB, #4895C4, #686291, #164C46)
- Seafoam Field color palette (#F4F7EA, #98DAA0, #9BA6D7, #AF7479, #5A392F)
Browse the whole catalog at Explore, or see today's palette.