Tempered Amber Workshop color palette — #F7F3FD · #DA9ABF · #C17560 · #7C662C · #3E3F5C

Caramel and Mauve set the tone — five colors that lean into optimism and creativity.

The five colors

• Ivory (#F7F3FD): a clean, paper-quiet neutral.
• Mauve (#DA9ABF): A luminous, balanced pink — the color of neon signs at night.
• Caramel (#C17560): A luminous, balanced orange — the color of toasted spice.
• Walnut (#7C662C): A full-bodied, balanced gold — the color of afternoon light on wheat.
• Navy (#3E3F5C): A deep, shadowed, dusty violet — the color of a velvet chair.

Feels like: Optimism, Creativity, Sophistication. Tagged muted.

Use it as a design system

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

• Muted Coral Harbor color palette (#F5F3FF, #CC9ED5, #C36F82, #905A39, #2C4A39)
• Timeworn Driftwood color palette (#FDF1F9, #E29E8B, #A68847, #577343, #493B58)
• Softworn Blush color palette (#F9F2FF, #F7B7D1, #D57893, #A25E6C, #5F4B60)
• Ash Villa color palette (#F3F0FB, #C085B2, #5F526A, #3A3542, #222126)
• Petal Balcony color palette (#F8F2FF, #E0CCE6, #BDA9BB, #7A8B7D, #3F564A)
• Softworn Taupe color palette (#EEF6FF, #A8CFFE, #C48B69, #2C7781, #163E4D)
• Pale Amber color palette (#FFEBF8, #DB7451, #8F6B00, #365C00, #00342B)
• Dusty Amber color palette (#FDDEE8, #C47800, #607200, #005544, #4B0102)

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