Tempered Workshop color palette — #EBF9F5 · #A9C07B · #8095C5 · #875679 · #301E24

Sage and Graphite set the tone — five colors that lean into nature and growth.

The five colors

• Ivory (#EBF9F5): bright and airy, almost weightless.
• Sage (#A9C07B): A luminous, balanced green — the color of a quiet forest floor.
• Blue Fog (#8095C5): A luminous, dusty violet — the color of a velvet chair.
• Graphite (#875679): A full-bodied, balanced pink — the color of a candy shop window.
• Onyx (#301E24): A deep, shadowed, dusty rose — the color of strawberry cream.

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

• Washed Pier color palette (#EBF8F8, #8BD1A3, #9181BD, #965D68, #15291C)
• Turquoise Bloom color palette (#EFF8EF, #CAAA77, #50A5BB, #68658F, #312231)
• Softworn Station color palette (#EBF9F7, #A9DAB5, #73A0BF, #7F5D82, #4F2B3F)
• Faded Driftwood color palette (#E4FAFF, #4AC7C1, #A669A8, #81421F, #02241D)
• Mint Veranda color palette (#E9F9F9, #67C39F, #44585D, #1F2E2F, #0A1110)
• Worn Cobalt color palette (#F6F6EB, #819353, #456BB2, #693A59, #38322D)
• Dusty Ash Harbor color palette (#EEF7F6, #D3DBDF, #BBB3BA, #85B1BC, #46504E)
• Dusty Violet color palette (#E0FBFC, #00A686, #9059B4, #7C1F27, #000D06)

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