Tempered Atelier color palette — #F9F2FF · #FFD6D7 · #E89F86 · #A97637 · #2A503A

Ochre and Melon set the tone — five colors that lean into nature and growth.

The five colors

• Ivory (#F9F2FF): bright and airy, almost weightless.
• Shell Pink (#FFD6D7): A whisper-light, dusty red — the color of a theater curtain.
• Melon (#E89F86): A luminous, balanced orange — the color of autumn markets.
• Ochre (#A97637): A luminous, balanced gold — the color of honey in a jar.
• Deep Olive (#2A503A): A deep, shadowed, dusty teal — the color of glacier melt.

Feels like: Nature, Growth, Optimism, Warmth, Comfort, Sophistication. Tagged light, muted, warm.

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

• Antique Apricot color palette (#FFF2EE, #FFC2B3, #FC9E71, #C08861, #544E48)
• Antique Apricot Parlor color palette (#FFD4CD, #F5995A, #9B6800, #5A4C00, #142300)
• Olive Grove color palette (#FFF0F9, #EBE2BB, #C5B268, #79883F, #28544D)
• Weathered Driftwood color palette (#FEF1F8, #CCEEE4, #C8A1B6, #9C6B6E, #2F453A)
• Apricot Studio color palette (#FEDFFF, #F29E90, #AE6D4D, #744C2D, #442932)
• Bronze Boulevard color palette (#FFF1F6, #E4D6D4, #D9AA7A, #986027, #432700)
• Amber Studio color palette (#FEF1F8, #EEDBBD, #90D6FE, #DE7C41, #2A4A61)
• Gentle Amber color palette (#FFF1F3, #FFB99B, #DD7D00, #6D5A00, #303300)

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