Tempered Cocoa color palette — #FFF4E1 · #CFF0C8 · #98D9C7 · #A78B6E · #5E4800
Built around Bronze, softened by Lagoon — the whole palette hums with nature and growth.
The five colors
- Cream (#FFF4E1): A whisper-light, dusty gold — the color of honey in a jar.
- Honeydew (#CFF0C8): A whisper-light, dusty green — the color of a quiet forest floor.
- Lagoon (#98D9C7): A whisper-light, dusty teal — the color of shallow lagoons.
- Caramel (#A78B6E): A luminous, dusty gold — the color of old brass.
- Bronze (#5E4800): A full-bodied, balanced gold — the color of afternoon light on wheat.
Feels like: Nature, Growth, Optimism, Sophistication, Softness, Clarity. Tagged pastel, 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
- Seafoam Market color palette (#F5FACC, #8EFFD5, #6EE0E7, #88954C, #28553E)
- Patina Ridge color palette (#FFF3E3, #D0BD7B, #A58B60, #8E5C26, #3F3D36)
- Softworn Veranda color palette (#E9FBEE, #C2E5E5, #B3C0CC, #D1A560, #364F42)
- Weathered Chartreuse color palette (#FFF6D1, #B4F667, #00DDA4, #A37914, #2C3C04)
- Timeworn Study color palette (#F8F6E4, #DFC07E, #697946, #4B4300, #232217)
- Jade Coast color palette (#E0EFD7, #5CB582, #00918D, #545400, #001201)
- Seafoam Study color palette (#EBF7CE, #6DF1D4, #30C3DD, #5D803F, #333630)
- Moss Canyon color palette (#F7F7DF, #7EB13E, #808BC4, #885F7F, #33332C)
Browse the whole catalog at Explore, or see today's palette.