Tempered Cocoa color palette — #FBF4EB · #ECDCBA · #ADBD91 · #A992A3 · #614900

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

The five colors

• Ivory (#FBF4EB): bright and airy, almost weightless.
• Wheat (#ECDCBA): A whisper-light, dusty gold — the color of honey in a jar.
• Sage (#ADBD91): A luminous, dusty green — the color of a quiet forest floor.
• Dusty Rose (#A992A3): A luminous, dusty pink — the color of neon signs at night.
• Bronze (#614900): A full-bodied, balanced gold — the color of old brass.

Feels like: Nature, Growth, Optimism, Sophistication, Softness, Clarity. Tagged botanical, earthy, muted, light.

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

• Antique Lagoon color palette (#F6F5EE, #D9E3BB, #84C4B5, #81A392, #485407)
• Aged Boulevard color palette (#FFF1F5, #E4D8D3, #D2ABC6, #9EBAA6, #614C50)
• Hushed Chartreuse Corridor color palette (#FFF1F5, #E6C6FE, #B8D37C, #BB97D6, #4E4D46)
• Patina Teal Meadow color palette (#F8F5E9, #AFD7A7, #5DB492, #9278A0, #35362F)
• Patina Thicket color palette (#EEF8F3, #AFDDCC, #8EA56E, #5F858B, #40524B)
• Ancient Stone Drift color palette (#EBF5ED, #A8CDBB, #668C81, #4E6573, #23362D)
• Aged Moss Balcony color palette (#F6E9D6, #BFCA55, #50B03C, #816CB3, #2D3100)
• Worn Mallow color palette (#FFF1F3, #F5D8FF, #E0A3DF, #A075A7, #4D2C35)

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