Tempered Workshop color palette — #FAF3F5 · #D9D4DE · #9ABAFF · #1A92A0 · #363E59

A conversation between Sky and Cerulean, giving this palette its sense of trust and stability.

The five colors

• Ivory (#FAF3F5): bright and airy, almost weightless.
• Silver (#D9D4DE): a clean, paper-quiet neutral.
• Sky (#9ABAFF): A luminous, balanced violet — the color of wild irises.
• Cerulean (#1A92A0): A luminous, balanced blue — the color of deep harbor water.
• Navy (#363E59): A deep, shadowed, dusty violet — the color of twilight just after sunset.

Feels like: Trust, Stability, Creativity, Calm, 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

• Muted Hollow color palette (#FAF3F7, #D6D4E1, #A0D3F6, #5CA094, #404E61)
• Turquoise Study color palette (#FAF3F8, #D3D5E4, #00B8E2, #1B825E, #153148)
• Cobalt Canyon color palette (#FDF1FA, #98D8E5, #0085B5, #005344, #000C22)
• Timeworn Grove color palette (#F9F4ED, #C2E5DA, #688BC1, #006D84, #5C3B53)
• Dusty Market color palette (#F8E9F3, #7BC6C4, #007488, #004025, #000306)
• Hushed Thicket color palette (#F6E9EF, #6EACC6, #005796, #002B2A, #00000B)
• Softworn Courtyard color palette (#E7FAF5, #C8DAF6, #C4B17C, #B6ADB4, #2F4644)
• Mallow Canyon color palette (#E9F9F4, #C9E087, #EB96F3, #7F943A, #492C4C)

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