Tempered Workshop color palette — #FFF4E2 · #00BBDB · #377DD6 · #AA0E1A · #003B51
Built around Garnet, softened by Azure — the whole palette hums with trust and stability.
The five colors
- Cream (#FFF4E2): A whisper-light, dusty gold — the color of afternoon light on wheat.
- Cyan (#00BBDB): A luminous, balanced blue — the color of a favorite pair of jeans.
- Azure (#377DD6): A full-bodied, balanced blue — the color of deep harbor water.
- Garnet (#AA0E1A): A full-bodied, vivid orange — the color of toasted spice.
- Deep Teal (#003B51): A deep, shadowed, dusty blue — the color of deep harbor water.
Feels like: Trust, Stability, Calm, Balance. Tagged retro, cool.
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
- Weathered Workshop color palette (#FFF4DE, #15D4F8, #4486DC, #933430, #002C3E)
- Dusty Courtyard color palette (#FDECD3, #5CABDC, #676EC0, #893B00, #163150)
- Sunlit Mulberry color palette (#FFF4E2, #00C2B1, #008AAE, #A40062, #003E40)
- Violet Meadow color palette (#E6FBF0, #00ACD5, #9552C8, #9E1A00, #2E3500)
- Softworn Pier color palette (#FFF3E9, #00DCDA, #829FFF, #A75D00, #003C4C)
- Soft Pier color palette (#FFF4E2, #8FB2EC, #9076BE, #8A5600, #4D3446)
- Chalky Ultramarine color palette (#FFF3E5, #00A292, #0058C8, #603D00, #003D46)
- Grape Meadow color palette (#F3E2C8, #2D84D0, #5A3BB4, #562C00, #010F41)
Browse the whole catalog at Explore, or see today's palette.