Tempered Pine color palette — #F0F8EF · #8EBBA7 · #518150 · #3E5F6B · #31483E

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

The five colors

• Ivory (#F0F8EF): bright and airy, almost weightless.
• Sage (#8EBBA7): A luminous, dusty teal — the color of glacier melt.
• Fern (#518150): A full-bodied, balanced green — the color of fresh herbs.
• Peacock (#3E5F6B): A full-bodied, dusty blue — the color of deep harbor water.
• Charcoal (#31483E): A deep, shadowed, dusty teal — the color of sea glass.

Feels like: Nature, Growth, Sophistication, Grounding. Tagged botanical, earthy, 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

• Aged Lagoon color palette (#EDF8F2, #9DCBC5, #568D81, #566878, #3E524F)
• Worn Pine Villa color palette (#F7F1E2, #A9BC83, #598153, #4B5B3F, #2B2811)
• Aged Coast color palette (#F0F8EF, #9D9F6B, #317432, #5F3E5A, #1F3C30)
• Patina Cerulean Veranda color palette (#F9F3FA, #BEE4ED, #009AB6, #476E40, #304A62)
• Basalt Station color palette (#FCF4E7, #DCD6B4, #93B890, #81977E, #4E4200)
• Hushed Mallow Garden color palette (#EEF6FF, #E0D9E3, #F8B3D9, #4F918F, #444F65)
• Tempered Moss Summit color palette (#DCF1E3, #70A430, #006B4C, #004A60, #213507)
• Worn Olive color palette (#DFECE1, #71832A, #00532B, #4E143A, #002118)

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