Tempered Workshop color palette — #FFF1F5 · #BCDFC9 · #93AB81 · #4A769F · #353B56

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

The five colors

• Ivory (#FFF1F5): a clean, paper-quiet neutral.
• Celadon Mist (#BCDFC9): A whisper-light, dusty teal — the color of shallow lagoons.
• Sage (#93AB81): A luminous, dusty green — the color of new leaves after rain.
• Slate (#4A769F): A full-bodied, balanced blue — the color of deep harbor water.
• Navy (#353B56): A deep, shadowed, dusty violet — the color of wild irises.

Feels like: Nature, Growth, Trust, Stability, Sophistication. Tagged vintage, retro, 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

• Pewter Field color palette (#DBFFEC, #A4DBCF, #73A9AD, #5F648E, #362F51)
• Muted Cypress Ridge color palette (#FFF0FE, #F0D2E0, #84A78D, #007478, #233A4D)
• Softworn Harbor color palette (#E7DDCB, #8BB8A3, #557654, #264281, #160632)
• Worn Atelier color palette (#F2DBFE, #DBB8CC, #A4B288, #A47799, #4D435E)
• Periwinkle Quarry color palette (#EFF8F0, #D9D5E1, #69ABEC, #007D8B, #1E2D4D)
• Aged Bloom color palette (#FFD7AC, #B8AD7A, #777830, #694F6C, #563E4C)
• Dusty Thicket color palette (#DEFDF5, #CAE1EA, #AEC4D9, #888AB0, #544A62)
• Patina Pewter color palette (#D5FFFA, #B7E1FD, #5BB2C5, #8F5C8C, #673843)

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