Tempered Workshop color palette — #F5F6EE · #C2DDE6 · #9AD0CE · #569FA5 · #375549

A conversation between Storm Blue and Stone, giving this palette its sense of trust and stability.

The five colors

• Ivory (#F5F6EE): bright and airy, almost weightless.
• Silver (#C2DDE6): A whisper-light, dusty blue — the color of deep harbor water.
• Stone (#9AD0CE): A luminous, dusty teal — the color of shallow lagoons.
• Storm Blue (#569FA5): A luminous, dusty blue — the color of a favorite pair of jeans.
• Charcoal Brown (#375549): A full-bodied, dusty teal — the color of shallow lagoons.

Feels like: Trust, Stability, Calm, Sophistication, Softness, Clarity. Tagged coastal, cool, light, 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

• Weathered Cypress color palette (#EEF7F6, #D2DDEF, #68A3B9, #287C82, #425563)
• Timeworn Cerulean color palette (#F5F7EA, #8BDAEA, #0088A5, #005153, #000F17)
• Dusty Balcony color palette (#FFF2F0, #E1D8D0, #E1B6B7, #A9B6B1, #5F4A46)
• Cypress Balcony color palette (#F5F6E9, #B6E6EF, #5BB6C3, #008077, #003540)
• Muted Harbor color palette (#DFE2D3, #73ABC3, #005C82, #002A32, #000103)
• Muted Powder color palette (#FFF1F2, #FFD2D9, #95D4FF, #BA87AC, #274F43)
• Pale Canyon color palette (#F3F7EB, #DCDFF2, #4D9CF7, #006C93, #001A63)
• Weathered Bronze color palette (#FFF2EA, #E2DBC3, #C8A78E, #A66943, #5B3500)

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