Tempered Pine color palette — #FBF4EA · #B9B088 · #52814B · #6D505C · #4E4200

Fern and Deep Olive set the tone — five colors that lean into nature and growth.

The five colors

• Ivory (#FBF4EA): a clean, paper-quiet neutral.
• Sage (#B9B088): A luminous, dusty green — the color of new leaves after rain.
• Fern (#52814B): A full-bodied, balanced green — the color of new leaves after rain.
• Charcoal Brown (#6D505C): A full-bodied, dusty rose — the color of a warm blush.
• Deep Olive (#4E4200): A deep, shadowed, dusty green — the color of a quiet forest floor.

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

• Hushed Fern color palette (#F7F5EC, #BDC6A0, #508F7F, #7D5B60, #495305)
• Faded Olive color palette (#FFF3E4, #ADA74A, #497900, #6D3D63, #403C0B)
• Dusty Pewter color palette (#E7F6EE, #B0B98B, #6A7D50, #634D5E, #122D25)
• Patina Lagoon color palette (#FFF2EB, #DFDCCC, #B7C88A, #9D6C7A, #724302)
• Cerulean Grove color palette (#FCF3EF, #C8E4D2, #4393BF, #007362, #553F55)
• Muted Fern color palette (#ECE3D7, #8A9256, #176706, #562E46, #2F290B)
• Quiet Terracotta Study color palette (#FFF2EA, #D08D6A, #009D9C, #A14700, #0D4C4C)
• Taupe Station color palette (#EDF8F1, #AFE2CF, #98B788, #8F8CAA, #2B4A3F)

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