Tempered Atelier color palette — #F2F3EA · #9ABF93 · #1C80A1 · #3F7336 · #03120B

Olive takes the lead with Cerulean close behind in a set that reads as nature and growth at first glance.

The five colors

• Cream (#F2F3EA): bright and airy, almost weightless.
• Sage (#9ABF93): A luminous, dusty green — the color of a quiet forest floor.
• Cerulean (#1C80A1): A full-bodied, balanced blue — the color of a favorite pair of jeans.
• Olive (#3F7336): A full-bodied, balanced green — the color of new leaves after rain.
• Ink (#03120B): A deep, shadowed, dusty teal — the color of glacier melt.

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

• Forest Lantern color palette (#F3F7ED, #82BEA2, #007E8A, #00714F, #17291C)
• Patina Chestnut Corridor color palette (#F6F1E8, #C5B27A, #008780, #7A6100, #061205)
• Dusty Indigo color palette (#EFF3EC, #70C7A8, #7667B5, #00775A, #170911)
• Worn Teal Pier color palette (#FFEEE5, #55B093, #217595, #693437, #142813)
• Misty Emerald color palette (#ECF8F6, #AAD19E, #4295DB, #3D9811, #132637)
• Pale Lagoon color palette (#CBFFCD, #75C0A6, #00858B, #004F67, #002452)
• Timeworn Boulevard color palette (#E9F5ED, #2AB1CE, #8B497E, #006071, #100204)
• Washed Lagoon color palette (#EDF8F8, #B7F6D9, #42AFC0, #25A176, #01151E)

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