Tempered Pine color palette — #EDF8F6 · #CEDCE7 · #9FC2D4 · #247F20 · #2F4542

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

The five colors

• Ivory (#EDF8F6): bright and airy, almost weightless.
• Silver (#CEDCE7): A whisper-light, dusty blue — the color of a favorite pair of jeans.
• Ash (#9FC2D4): A luminous, dusty blue — the color of a favorite pair of jeans.
• Olive (#247F20): A full-bodied, balanced green — the color of new leaves after rain.
• Charcoal (#2F4542): A deep, shadowed, dusty teal — the color of sea glass.

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

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

• Ancient Bronze Bloom color palette (#EEF8F2, #CADEE2, #9CC5C8, #7E6800, #324539)
• Cypress Station color palette (#EDF7FA, #D5D9E6, #B1BDD1, #007A78, #29454B)
• Washed Pine color palette (#F1F3EB, #CBDCD2, #ABC9A7, #07813A, #242718)
• Hushed Bloom color palette (#E6F1F0, #C2CFD2, #91A3B0, #00663A, #1C3232)
• Aged Fern Boulevard color palette (#E2FCF2, #81B08F, #007A73, #4F5700, #1B442B)
• Aged Terracotta Market color palette (#C5FAE5, #91BAAA, #5C8D77, #8B3F2E, #564E1A)
• Jade Ridge color palette (#F5F6EA, #CBE2D7, #C0C1CB, #7DB573, #414400)
• Midnight Cypress color palette (#CFF3F7, #007A65, #00303E, #001D20, #00090C)

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