Tempered Cocoa color palette — #FEF0FA · #5066AA · #763000 · #2F3A00 · #082713

Built around Rust, softened by Slate — the whole palette hums with nature and growth.

The five colors

• Blush (#FEF0FA): a clean, paper-quiet neutral.
• Slate (#5066AA): A full-bodied, balanced violet — the color of twilight just after sunset.
• Rust (#763000): A full-bodied, balanced orange — the color of toasted spice.
• Forest (#2F3A00): A deep, shadowed, dusty green — the color of fresh herbs.
• Deep Forest (#082713): A deep, shadowed, dusty teal — the color of sea glass.

Feels like: Nature, Growth, Optimism, Creativity, Balance. Tagged jewel, vibrant, 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

• Denim Pier color palette (#FFF1F6, #6A4E99, #674A00, #003C1F, #00221B)
• Frosted Alley color palette (#FFECF4, #7F67AF, #8A341D, #234500, #003043)
• Aged Mulberry Veranda color palette (#FDECFB, #4064B4, #970033, #00391C, #120410)
• Patina Mulberry Chapel color palette (#E8FAF0, #006F8E, #831D4C, #4D3300, #182305)
• Moonless Nightshade color palette (#F9DBEC, #4832A6, #482700, #0B1C00, #00070B)
• Chalky Mulberry color palette (#FBECD6, #867BBD, #813B7B, #494100, #462431)
• Denim Station color palette (#FAF3F7, #E5D5D3, #C8ABB0, #5D5A9E, #44353E)
• Weathered Summit color palette (#FFE4EA, #8000B3, #4D3D00, #003326, #00143A)

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