Tempered Cocoa Station color palette — #FFF2ED · #E0D9CE · #E2AFBB · #A5B5B2 · #7D3F22

Built around Bronze, softened by Ballet Pink — the whole palette hums with optimism and sophistication.

The five colors

• Ivory (#FFF2ED): bright and airy, almost weightless.
• Bone (#E0D9CE): a clean, paper-quiet neutral.
• Ballet Pink (#E2AFBB): A luminous, dusty red — the color of a theater curtain.
• Ash (#A5B5B2): soft and architectural.
• Bronze (#7D3F22): A full-bodied, balanced orange — the color of toasted spice.

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

Use it as a design system

One click turns Tempered Cocoa Station 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

• Vanilla Chapel color palette (#FFF2EF, #FFE7B4, #E1DACF, #E0AFB3, #5F4F4A)
• Aged Grove color palette (#FEFAA9, #FFE9DE, #DAC6C1, #703B06, #261C15)
• Washed Field color palette (#FFF2EB, #DFD8CD, #94BEBC, #DE6964, #5C3624)
• Timeworn Cabin color palette (#FEF0FD, #E8D5D8, #B4AC9E, #99829F, #5B4F58)
• Apricot Hollow color palette (#FFF3E2, #D9E0C6, #C1C5D0, #D1A46F, #533B00)
• Bronze Cabin color palette (#FBF4EB, #DDDEC5, #C3A989, #A06E37, #523B00)
• Worn Basin color palette (#FFF2F0, #EBB0C3, #86B4DB, #767CB6, #432A27)
• Gentle Garnet Bloom color palette (#F9D8C9, #EEA080, #C77D34, #880028, #040000)

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