Tempered Pine color palette — #E7FBEB · #9FAB60 · #377B33 · #005E59 · #393E17

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

The five colors

• Ivory (#E7FBEB): A whisper-light, dusty teal — the color of glacier melt.
• Sage (#9FAB60): A luminous, balanced green — the color of a quiet forest floor.
• Olive (#377B33): A full-bodied, balanced green — the color of new leaves after rain.
• Peacock (#005E59): A full-bodied, dusty teal — the color of glacier melt.
• Deep Olive (#393E17): A deep, shadowed, dusty green — the color of a quiet forest floor.

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

• Frosted Veranda color palette (#F6F3DE, #98B183, #397D2C, #005B37, #152602)
• Taupe Loft color palette (#FFF1F6, #BAA151, #637124, #3D4F7C, #46390F)
• Cypress Market color palette (#E6FBF1, #72A79E, #1C7354, #0F545F, #0F3E38)
• Emerald Drift color palette (#E1FCF2, #A8C789, #5B984D, #307953, #2F411A)
• Timeworn Fern color palette (#DCF2DE, #96981B, #2F6B04, #3E3A72, #303000)
• Antique Lagoon color palette (#F0F7F2, #A1CBBE, #578C88, #616478, #39534B)
• Linen Pier color palette (#FFF4E1, #CBD692, #67BC5E, #309B94, #3C3B34)
• Azure Market color palette (#EEF6FF, #3A9AE6, #9A7A00, #00609D, #493800)

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