Tempered Workshop color palette — #FFEBDC · #A49366 · #5B6E3A · #16496C · #2B2F53

Navy takes the lead with Olive close behind in a set that reads as nature and growth at first glance.

The five colors

• Cream (#FFEBDC): A whisper-light, dusty gold — the color of old brass.
• Caramel (#A49366): A luminous, dusty gold — the color of honey in a jar.
• Olive (#5B6E3A): A full-bodied, dusty green — the color of fresh herbs.
• Navy (#16496C): A deep, shadowed, dusty blue — the color of open sky before noon.
• Navy (#2B2F53): A deep, shadowed, dusty violet — the color of a velvet chair.

Feels like: Nature, Growth, Trust, Stability, Optimism, Sophistication. Tagged vintage, retro, muted.

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

• Gentle Navy color palette (#ECE1CD, #7F8542, #2D6337, #1C346B, #2B1B47)
• Tempered Taupe Balcony color palette (#F4D8D9, #CE8B6E, #856023, #04504D, #17394D)
• Antique Denim Terrace color palette (#D4E8D1, #AAA277, #6D8560, #3D5C7F, #3E4562)
• Softworn Cypress color palette (#C9EBDC, #689E95, #007F64, #484075, #432B46)
• Washed Balcony color palette (#D9E9DF, #869446, #306408, #652721, #033125)
• Hazy Amethyst Boulevard color palette (#CCE5D9, #858400, #6E3DE6, #4D4C00, #29204E)
• Hazy Courtyard color palette (#F0E3D2, #B18700, #6B5E00, #3A3F00, #002F1A)
• Muted Study color palette (#DDFDF5, #A4CDCC, #77A0AA, #6F6F84, #5C4B57)

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