Tempered Atelier color palette — #EFF7F7 · #CFDBE3 · #9ABAC3 · #277547 · #323D3C

A conversation between Pine and Ash, giving this palette its sense of nature and growth.

The five colors

• Ivory (#EFF7F7): bright and airy, almost weightless.
• Silver (#CFDBE3): bright and airy, almost weightless.
• Ash (#9ABAC3): A luminous, dusty blue — the color of a favorite pair of jeans.
• Pine (#277547): A full-bodied, balanced teal — the color of sea glass.
• Charcoal (#323D3C): a grounded near-black with real depth.

Feels like: Nature, Growth, Sophistication. Tagged scandi, muted, light.

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

• Hushed Cypress color palette (#E9F5F3, #C9D9E6, #A7BBC6, #49704A, #162322)
• Timeworn Lagoon color palette (#F5F6EE, #CDDED7, #A9C5C3, #608E62, #393F00)
• Antique Villa color palette (#E6FAF6, #75A988, #00745E, #22554D, #153D3C)
• Tempered Archive color palette (#EDF7FD, #D7D8E6, #ADBDD9, #00749C, #36424A)
• Softworn Harbor color palette (#E7F0F1, #A6BEC3, #6F95A3, #005239, #0C2324)
• Muted Petrol color palette (#BBF0F3, #87B0BE, #377A9A, #72445C, #503A4D)
• Ancient Denim Balcony color palette (#EAEFF4, #C5CDD8, #95A0BD, #025A8A, #262F37)
• Washed Petrol Basin color palette (#DEE5E9, #8B9CAB, #5A7293, #00303D, #000B13)

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