Tempered Cocoa color palette — #FFF2EE · #E0DACE · #DDA3B9 · #9FB3B2 · #783C1C

Bronze takes the lead with Rosewood Mist close behind in a set that reads as optimism and sophistication at first glance.

The five colors

• Ivory (#FFF2EE): a clean, paper-quiet neutral.
• Bone (#E0DACE): a clean, paper-quiet neutral.
• Rosewood Mist (#DDA3B9): A luminous, dusty rose — the color of strawberry cream.
• Ash (#9FB3B2): A luminous, dusty teal — the color of glacier melt.
• Bronze (#783C1C): A full-bodied, balanced orange — the color of sun-warmed clay.

Feels like: 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

• Apricot Cabin color palette (#FDF4E7, #DAE5C9, #BBC7DE, #E39E6E, #584000)
• Wandering Basalt Loft color palette (#FEF3E7, #DBDFC2, #C5AA81, #987152, #4D3D00)
• Dusty Alley color palette (#CBFCEE, #FFE9E0, #D5CDD6, #723B0E, #2B221D)
• Oat Grove color palette (#FDF1FD, #DAD8CD, #A3D1C4, #8D7E9A, #5C4F59)
• Aged Terrace color palette (#FFF3E8, #E5B998, #73BCC4, #6A7EC2, #36302B)
• Ancient Bronze color palette (#FAF4EF, #CEDCCC, #B07749, #6A3700, #231911)
• Misty Basin color palette (#FDE6DC, #E59D72, #BE8600, #760035, #030000)
• Weathered Coral Corridor color palette (#FFF2EB, #DEEFB7, #DFDACD, #EA6A78, #593017)

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