Tempered Cocoa Chapel color palette — #FFF2EA · #C3A078 · #96654B · #7C3D24 · #403D36
Built around Bronze, softened by Walnut — the whole palette hums with optimism and sophistication.
The five colors
- Ivory (#FFF2EA): a clean, paper-quiet neutral.
- Camel (#C3A078): A luminous, dusty gold — the color of old brass.
- Walnut (#96654B): A full-bodied, dusty orange — the color of toasted spice.
- Bronze (#7C3D24): A full-bodied, balanced orange — the color of autumn markets.
- Charcoal (#403D36): a grounded near-black with real depth.
Feels like: Optimism, Sophistication, Grounding. Tagged earthy, warm, muted.
Use it as a design system
One click turns Tempered Cocoa Chapel 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
- Ancient Cocoa Parlor color palette (#F6E4D6, #B19160, #875632, #6C3010, #33302A)
- Chestnut Archive color palette (#FCF4E5, #A2AE77, #7E7342, #724700, #3E4100)
- Muted Pewter color palette (#FFF0F8, #AAC7AC, #B1836B, #8C585C, #2C4338)
- Patina Apricot Ridge color palette (#FFF0F8, #EDC3D2, #D89D7B, #B2776A, #2F4332)
- Wandering Cobalt color palette (#E7FAF2, #008BC2, #946711, #6D4C0F, #223830)
- Hushed Bronze color palette (#FEE7CF, #907110, #633A00, #481400, #171800)
- Ancient Apricot color palette (#FBF2FC, #E89682, #335377, #38273A, #24151B)
- Moonless Fern color palette (#F1E1C3, #595F00, #362A00, #1C0D00, #010500)
Browse the whole catalog at Explore, or see today's palette.