Tempered Pine color palette — #F4F6EF · #D4DCD8 · #B1C4BF · #478360 · #464941

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

The five colors

• Ivory (#F4F6EF): bright and airy, almost weightless.
• Silver (#D4DCD8): bright and airy, almost weightless.
• Stone (#B1C4BF): A luminous, dusty teal — the color of sea glass.
• Fern (#478360): A full-bodied, balanced teal — the color of sea glass.
• Charcoal (#464941): 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 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

• Aged Pine color palette (#F1F3EC, #D0DBD7, #AAC3C3, #3C8751, #2B2D25)
• Aged Petrol color palette (#EEF8F1, #CBDEDE, #CAB3CC, #007889, #35443A)
• Wandering Abyss Meadow color palette (#E4EBDE, #A1AE9E, #6C8773, #004230, #0F1705)
• Tempered Fern Balcony color palette (#F5F7E7, #8EBCA1, #428172, #5C5E11, #394A00)
• Dusty Summit color palette (#F0F8EC, #C8D7C9, #88B29A, #00695B, #2B3725)
• Timeworn Loft color palette (#E0F5D3, #ABBFAD, #6C9587, #755553, #614000)
• Muted Workshop color palette (#FFF4E2, #5CAA88, #1D777F, #6A3A62, #314328)
• Softworn Courtyard color palette (#E4EDEA, #C3B3C1, #9D8693, #004875, #12231F)

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