Tempered Cocoa color palette — #FFF2EA · #DBFBC5 · #DEDDCB · #D4968C · #613600

Built around Bronze, softened by Honeydew — the whole palette hums with nature and growth.

The five colors

• Ivory (#FFF2EA): a clean, paper-quiet neutral.
• Honeydew (#DBFBC5): A whisper-light, dusty green — the color of fresh herbs.
• Bone (#DEDDCB): A whisper-light, dusty green — the color of new leaves after rain.
• Camel (#D4968C): A luminous, dusty orange — the color of sun-warmed clay.
• Bronze (#613600): A deep, shadowed, balanced gold — the color of old brass.

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

• Softworn Ash color palette (#FFF2EF, #E1D7D0, #A1B2AF, #C18CB3, #543D37)
• Taupe Garden color palette (#FFF2EB, #FFD2B4, #D08A70, #935855, #36312B)
• Amber Balcony color palette (#FFF5D5, #BFF7D9, #AFD7E5, #C18600, #393831)
• Hazy Emerald color palette (#EEE1B3, #B0C16C, #00B15D, #5B3900, #010100)
• Hushed Stone Summit color palette (#FFF1F6, #C1ECF1, #D7C38B, #A17461, #5C404A)
• Hazy Station color palette (#FEF4E1, #CCB056, #61A4DD, #7E62A5, #2B2314)
• Faded Chartreuse color palette (#FFF3E3, #BEE6CE, #AFEA71, #C35E00, #3A2A00)
• Hushed Lime color palette (#FFF3E7, #ECC04E, #A4B000, #8E2F00, #090400)

Browse the whole catalog at Explore, or see today's palette.