Tempered Atelier color palette — #E5F7EE · #B7B77F · #859AD2 · #77762B · #233149

Walnut and Blue Fog set the tone — five colors that lean into nature and growth.

The five colors

• Cream (#E5F7EE): A whisper-light, dusty teal — the color of sea glass.
• Sage (#B7B77F): A luminous, dusty green — the color of new leaves after rain.
• Blue Fog (#859AD2): A luminous, balanced violet — the color of wild irises.
• Walnut (#77762B): A full-bodied, balanced green — the color of a quiet forest floor.
• Deep Teal (#233149): A deep, shadowed, dusty violet — the color of wild irises.

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

• Bronze Meadow color palette (#ECF9F1, #B9B183, #9392CA, #837300, #414B6E)
• Bronze Loft color palette (#FBEDF4, #DAA688, #859CCB, #9A6240, #1E314E)
• Cypress Pier color palette (#E5F6F6, #88C2A4, #AD8DC3, #3A8260, #2F2C4B)
• Antique Moss color palette (#F9F5E8, #C4CA94, #92B1EE, #8D9431, #3A4D71)
• Weathered Taupe color palette (#DFF9EC, #A3A059, #8886BD, #7371A7, #152D23)
• Softworn Driftwood Summit color palette (#E8F6EC, #9FC5B8, #678D74, #6A4F5B, #18312F)
• Driftwood Station color palette (#E5F7EC, #C0E4ED, #B9B4BF, #AB8398, #29413B)
• Tempered Stone Boulevard color palette (#E7F5F5, #DFB5CB, #3D6B69, #163737, #081716)

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