Tempered Atelier color palette — #F0FFA3 · #FFEAD6 · #D6C9C2 · #5A444B · #292124

Butter and Cream set the tone — five colors that lean into nature and growth.

The five colors

• Butter (#F0FFA3): A whisper-light, balanced green — the color of new leaves after rain.
• Cream (#FFEAD6): A whisper-light, dusty gold — the color of honey in a jar.
• Oat (#D6C9C2): soft and architectural.
• Cocoa (#5A444B): A full-bodied, dusty rose — the color of a warm blush.
• Onyx (#292124): a grounded near-black with real depth.

Feels like: Nature, Growth, Sophistication. Tagged neon, dark, vibrant, 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

• Timeworn Market color palette (#D7FFF5, #DCFF81, #DEDED2, #3B524B, #1F2926)
• Wandering Oat color palette (#FFE8E3, #C4D9C6, #C2B2AA, #574753, #292127)
• Wandering Driftwood color palette (#F0F8EF, #CCDACA, #A17F55, #3A4C38, #161E15)
• Chartreuse Thicket color palette (#FFF3E8, #B2FFFA, #83FE6D, #133F3A, #16211F)
• Seafoam Quarry color palette (#E7FAF7, #9CD49F, #71B9DC, #6883AF, #223634)
• Marigold Studio color palette (#DBDDEC, #25EAD0, #FEA349, #38322D, #1F1812)
• Worn Blush color palette (#E8DFFF, #71E3FF, #FF9EAC, #503D44, #312C32)
• Cobalt Coast color palette (#F9F2FA, #F19FAB, #4D90D7, #7365A0, #26212D)

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