Tempered Workshop color palette — #F5F6EE · #CAE5DE · #95BDA0 · #52948D · #375142

Built around Storm Blue, softened by Sage — the whole palette hums with nature and growth.

The five colors

• Ivory (#F5F6EE): bright and airy, almost weightless.
• Silver (#CAE5DE): A whisper-light, dusty teal — the color of sea glass.
• Sage (#95BDA0): A luminous, dusty teal — the color of shallow lagoons.
• Storm Blue (#52948D): A luminous, dusty teal — the color of shallow lagoons.
• Deep Olive (#375142): A full-bodied, dusty teal — the color of sea glass.

Feels like: Nature, Growth, Sophistication. 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

• Ancient Boulevard color palette (#EAEBDB, #80BEBE, #00848F, #005A51, #00242B)
• Antique Lagoon color palette (#F4F7E8, #A2D3A8, #8BB6DC, #639C6C, #2F564B)
• Cerulean Workshop color palette (#F4F6EF, #C6E8E9, #8CB7D8, #5690A2, #5D4B60)
• Glacier Terrace color palette (#F9F3F7, #D4D5E8, #7CD5F2, #7EAF97, #3F5569)
• Fern Veranda color palette (#F2F7EA, #B8E2E0, #A5AC85, #9AA5BB, #405715)
• Washed Spruce Veranda color palette (#EEFBDB, #AEE5C8, #73AD8D, #377357, #2D3B00)
• Patina Denim Lantern color palette (#EDEFE0, #619DA9, #006278, #003B3D, #000B12)
• Washed Cobalt Studio color palette (#EDF0E3, #9DCBE7, #378DC9, #006880, #062F54)

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