Tempered Workshop color palette — #FCF1FF · #F9FAC2 · #E9D7D8 · #BEB7DF · #5C4D5A

Custard and Lavender set the tone — five colors that lean into nature and growth.

The five colors

• Blush (#FCF1FF): A whisper-light, dusty pink — the color of neon signs at night.
• Custard (#F9FAC2): A whisper-light, dusty green — the color of new leaves after rain.
• Bone (#E9D7D8): bright and airy, almost weightless.
• Lavender (#BEB7DF): A luminous, dusty violet — the color of twilight just after sunset.
• Charcoal Brown (#5C4D5A): A full-bodied, dusty pink — the color of a candy shop window.

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

• Tempered Frost color palette (#D4FFFF, #FFE8E6, #D2CCD5, #544452, #262025)
• Washed Chestnut color palette (#FFF2ED, #E0D9CE, #D9AEAA, #A4B4CE, #7E4320)
• Softworn Taupe color palette (#FFF1F5, #C6E8FA, #A6ACC9, #D59695, #344B3D)
• Timeworn Ash Meadow color palette (#FBEDF9, #E9D1D4, #DFB4B2, #A487A7, #43303E)
• Weathered Cocoa color palette (#FFF2EE, #E0DBCE, #C1C8A6, #B18285, #7D4022)
• Celadon Thicket color palette (#FFEFFF, #D6FC9D, #D5DFD0, #D283B0, #5A381F)
• Tempered Terrace color palette (#F9F2FE, #F8A6CE, #7AB4EA, #A56F89, #352E3B)
• Wandering Loft color palette (#EFF8EF, #BAECEA, #CBA875, #8D7082, #2F4440)

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