Tempered Workshop color palette — #E7F6EE · #63C5E7 · #897484 · #4B5851 · #1F231D

Sky and Driftwood set the tone — five colors that lean into trust and stability.

The five colors

• Cream (#E7F6EE): a clean, paper-quiet neutral.
• Sky (#63C5E7): A luminous, balanced blue — the color of deep harbor water.
• Driftwood (#897484): A full-bodied, dusty pink — the color of neon signs at night.
• Charcoal Brown (#4B5851): quiet, heavy and certain.
• Onyx (#1F231D): quiet, heavy and certain.

Feels like: Trust, Stability, Sophistication. Tagged noir, dark, luxury, 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

• Patina Mint color palette (#EEF4E9, #60CDB3, #688374, #4F584A, #22221B)
• Sky Lantern color palette (#E8FAF1, #4DBDE6, #5D4F5F, #222E28, #0C110D)
• Ancient Courtyard color palette (#EFE0E8, #A69BFB, #8F6166, #55444D, #121A18)
• Worn Canyon color palette (#D0F8EC, #27A9FE, #685B9C, #274940, #0A140D)
• Powder Alley color palette (#DFFDE6, #9DE3FF, #88BFFF, #898AC1, #664B56)
• Cerulean Boulevard color palette (#E2F0F8, #1790B4, #303C4D, #142027, #080E0F)
• Ancient Parlor color palette (#E2FCF4, #93CEFF, #BFC56A, #8AB58C, #2E4941)
• Honey Archive color palette (#FBF2FA, #C0D5FF, #EBBF79, #88A8E7, #514C46)

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