Tempered Pine color palette — #F1F3E7 · #9ABF99 · #73A2C6 · #4A814B · #0E392F

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

The five colors

• Cream (#F1F3E7): a clean, paper-quiet neutral.
• Sage (#9ABF99): A luminous, dusty green — the color of a quiet forest floor.
• Blue Fog (#73A2C6): A luminous, dusty blue — the color of open sky before noon.
• Fern (#4A814B): A full-bodied, balanced green — the color of fresh herbs.
• Deep Forest (#0E392F): A deep, shadowed, dusty teal — the color of sea glass.

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

• Hushed Villa color palette (#EDF5E7, #79C4B0, #8D99CB, #23836E, #40283A)
• Weathered Pine Bloom color palette (#EEF5E3, #8BC2A3, #C09169, #33835D, #35302B)
• Teal Drift color palette (#F0F5DF, #7AAA81, #5599A9, #8F7441, #262918)
• Softworn Moss Canyon color palette (#E4F8E7, #3AB7C1, #95923C, #00737A, #2B2900)
• Timeworn Terrace color palette (#ECF8F6, #97BC8F, #B587B0, #458436, #504766)
• Dusty Lagoon Quarry color palette (#EDF7D7, #A7D9B7, #5C9170, #255639, #002413)
• Muted Emerald Grove color palette (#E8FAF8, #98D1CC, #7AB8EB, #48A25A, #345069)
• Muted Bronze color palette (#F8F1E2, #C3B378, #C5879E, #827131, #492522)

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