Tempered Workshop color palette — #FFF0F8 · #FFB6BD · #C36D54 · #764200 · #2E2400

Caramel and Bronze set the tone — five colors that lean into nature and growth.

The five colors

• Ivory (#FFF0F8): a clean, paper-quiet neutral.
• Ballet Pink (#FFB6BD): A whisper-light, balanced red — the color of a theater curtain.
• Caramel (#C36D54): A luminous, balanced orange — the color of sun-warmed clay.
• Bronze (#764200): A full-bodied, balanced gold — the color of old brass.
• Onyx (#2E2400): A deep, shadowed, dusty green — the color of fresh herbs.

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

Use it as a design system

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

• Misty Amber color palette (#FFF1F2, #FFBEA9, #C07C1F, #5E5300, #172100)
• Hushed Amber color palette (#F6E0E0, #D96A2F, #6D4500, #2B2200, #010100)
• Sunlit Terracotta color palette (#F8F2FF, #FAAAE4, #CD738B, #952E18, #3B1E00)
• Misty Coast color palette (#FFD7EC, #CF7B89, #AD3707, #623900, #3C2D00)
• Weathered Chapel color palette (#FFD6E6, #EE6A6E, #9F4C00, #3F2800, #040300)
• Bronze Loft color palette (#FFF1F4, #F2D7BD, #D1935B, #816600, #323600)
• Bronze Pier color palette (#FFD9D6, #F9A895, #E18660, #AE5A00, #432500)
• Bronze Loft color palette (#EBDDD5, #986500, #494400, #0C1600, #000201)

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