Tempered Atelier color palette — #F0F7F1 · #D9DCF3 · #97BEFF · #42A6C3 · #3B4761

Sky takes the lead with Cyan close behind in a set that reads as trust and stability at first glance.

The five colors

• Ivory (#F0F7F1): a clean, paper-quiet neutral.
• Silver (#D9DCF3): A whisper-light, dusty violet — the color of wild irises.
• Sky (#97BEFF): A luminous, balanced violet — the color of a velvet chair.
• Cyan (#42A6C3): A luminous, balanced blue — the color of open sky before noon.
• Charcoal (#3B4761): A deep, shadowed, dusty violet — the color of twilight just after sunset.

Feels like: Trust, Stability, Calm, Sophistication, Softness, Clarity. Tagged coastal, cool, light, muted.

Use it as a design system

One click turns Tempered Atelier 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

• Wandering Study color palette (#F1F7F2, #CCE1F6, #6BCEE1, #53AB91, #2A4C60)
• Powder Quarry color palette (#FCF4EB, #C5E4F8, #A8B8F1, #479090, #503641)
• Worn Bloom color palette (#E4EDE6, #67AAC9, #007ABE, #005C63, #00071F)
• Lime Drift color palette (#FFEFFF, #FDA0A6, #8AC86A, #76A7E9, #443044)
• Misty Sky Cabin color palette (#ECF9EE, #93EAF6, #00BDE8, #009989, #003752)
• Worn Villa color palette (#F0F3E9, #C2E5DB, #6F90B9, #206686, #3C213A)
• Soft Coast color palette (#E0EFE3, #82CDDE, #00A0CF, #007E77, #002138)
• Washed Boulevard color palette (#FEF0FF, #E9DFD4, #E0D997, #D1A0B7, #5C4C59)

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