Tempered Cocoa Drift color palette — #FFF2ED · #CBF4BE · #E0DCCD · #D19CAE · #723B0D

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

The five colors

• Ivory (#FFF2ED): bright and airy, almost weightless.
• Mint (#CBF4BE): A whisper-light, balanced green — the color of fresh herbs.
• Bone (#E0DCCD): A whisper-light, dusty green — the color of fresh herbs.
• Mauve (#D19CAE): A luminous, dusty rose — the color of a warm blush.
• Bronze (#723B0D): A full-bodied, balanced gold — the color of honey in a jar.

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

Use it as a design system

One click turns Tempered Cocoa Drift 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 Powder color palette (#FFF1F1, #E2D9D0, #ACB9C6, #B8A6E0, #604744)
• Dusty Orchard color palette (#FCF5DF, #D3F7BC, #79ECDB, #C79767, #43433B)
• Hushed Sand Veranda color palette (#FFF0F9, #E6D6D5, #F5CA88, #BD867C, #5E4852)
• Frosted Parlor color palette (#FFEFE5, #E0E4AF, #A0E908, #FE6679, #513200)
• Amber Market color palette (#FDF3E9, #E9D49A, #C08846, #7D5C37, #272018)
• Tempered Terrace color palette (#FEF4E0, #D9D1A9, #C0AC5D, #A77F53, #3F4000)
• Patina Quarry color palette (#EBDDCC, #ADAA6E, #34B273, #AB4F36, #120B00)
• Timeworn Alley color palette (#FFF3E8, #F6A463, #18BEF0, #A57DBD, #37322D)

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