Tempered Pine color palette — #EAF8F9 · #84BBBD · #C082AA · #0C875E · #544566

Fern takes the lead with Dusty Rose close behind in a set that reads as creativity and sophistication at first glance.

The five colors

• Ivory (#EAF8F9): bright and airy, almost weightless.
• Ash (#84BBBD): A luminous, dusty teal — the color of sea glass.
• Dusty Rose (#C082AA): A luminous, balanced pink — the color of peonies in June.
• Fern (#0C875E): A full-bodied, balanced teal — the color of sea glass.
• Charcoal Brown (#544566): A full-bodied, dusty violet — the color of twilight just after sunset.

Feels like: Creativity, Sophistication. Tagged muted.

Use it as a design system

One click turns Tempered Pine 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

• Muted Olive color palette (#ECF8F5, #A0BA89, #AD88BE, #548217, #4C4868)
• Ancient Cabin color palette (#E5F6F7, #76C6A9, #C880B6, #278367, #352C44)
• Petrol Boulevard color palette (#ECF7FD, #75BDCB, #C88573, #008192, #604257)
• Hushed Mallow Terrace color palette (#EFF9EC, #8AD5CA, #D099E0, #22A194, #62434B)
• Hushed Canyon color palette (#DFFCFE, #66A791, #897FC0, #A5633D, #25494C)
• Dusty Balcony color palette (#E7F9FB, #D0DDEA, #B8C5E3, #658F6C, #365055)
• Dusty Courtyard color palette (#EDF9F0, #A4C0B2, #8E7F54, #75572E, #354E46)
• Airy Alley color palette (#E2FAFF, #00AA9D, #CE4576, #006B62, #691236)

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