Tempered Pine color palette — #FAF1DF · #92B56A · #007F58 · #5F3C6A · #242200

A conversation between Teal and Sage, giving this palette its sense of nature and growth.

The five colors

• Cream (#FAF1DF): A whisper-light, dusty gold — the color of honey in a jar.
• Sage (#92B56A): A luminous, balanced green — the color of fresh herbs.
• Teal (#007F58): A full-bodied, balanced teal — the color of shallow lagoons.
• Mulberry (#5F3C6A): A full-bodied, balanced pink — the color of peonies in June.
• Onyx (#242200): A deep, shadowed, dusty green — the color of new leaves after rain.

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

• Wandering Cypress color palette (#F6F2E0, #9BA57E, #23726C, #613A3B, #191F01)
• Aged Corridor color palette (#FCF5E2, #9AAC67, #367C1D, #80372B, #35400F)
• Airy Garden color palette (#F4E2C8, #8E9F34, #006E35, #533900, #141800)
• Weathered Ridge color palette (#E5FCED, #A7C693, #289C79, #835688, #2D411F)
• Tempered Moss color palette (#E4FCEE, #CEE399, #68A457, #8F5B51, #2A3308)
• Dusty Driftwood color palette (#F6F1E8, #C6C5AA, #768D4B, #7C5B11, #32312A)
• Frosted Meadow color palette (#EAFCB4, #95BD50, #5B7A00, #323B00, #091700)
• Softworn Coast color palette (#DCEDBD, #83A427, #6C44BE, #7F0288, #131B00)

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