Tempered Cocoa Station color palette — #FFF3E7 · #D49591 · #986B57 · #575E35 · #703514

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

The five colors

• Ivory (#FFF3E7): A whisper-light, dusty gold — the color of old brass.
• Camel (#D49591): A luminous, dusty orange — the color of sun-warmed clay.
• Walnut (#986B57): A full-bodied, dusty orange — the color of toasted spice.
• Olive (#575E35): A full-bodied, dusty green — the color of new leaves after rain.
• Bronze (#703514): A full-bodied, balanced orange — the color of toasted spice.

Feels like: Nature, Growth, Optimism, Warmth, Comfort, Sophistication. Tagged retro, muted, warm.

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

• Cocoa Station color palette (#FFF2ED, #EFD5CD, #F0BA9B, #C88566, #723617)
• Muted Olive Grove color palette (#FFF2EB, #D5C2B2, #A29079, #70732A, #435246)
• Worn Orchard color palette (#F6F6EA, #C0C3A9, #678C6F, #8D5727, #4E5200)
• Apricot Basin color palette (#FFF1F5, #FFBDB9, #DE9C7E, #899260, #52424E)
• Denim Atelier color palette (#F9F1E0, #C89CB7, #A16754, #005A77, #3C2622)
• Softworn Amber Study color palette (#EBF9F1, #DFACC9, #BF8168, #317797, #504253)
• Wandering Amber color palette (#FFECCE, #B77526, #715600, #004D30, #342F2A)
• Antique Ash Garden color palette (#F4F6EF, #C5E6E9, #72A598, #507965, #5D4C5E)

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