Tempered Pine color palette — #F8F1E3 · #93A976 · #34744A · #4F3D61 · #201D00

Built around Pine, softened by Sage — the whole palette hums with nature and growth.

The five colors

• Cream (#F8F1E3): bright and airy, almost weightless.
• Sage (#93A976): A luminous, dusty green — the color of a quiet forest floor.
• Pine (#34744A): A full-bodied, balanced teal — the color of sea glass.
• Charcoal (#4F3D61): A deep, shadowed, dusty violet — the color of a velvet chair.
• Onyx (#201D00): A deep, shadowed, dusty green — the color of fresh herbs.

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

• Linen Fern Alley color palette (#F4E2CB, #9F9932, #3D6900, #602254, #191700)
• Antique Lantern color palette (#F4F2E4, #98BF9E, #458273, #6C4A4F, #252A0F)
• Dusty Grove color palette (#F7F5EB, #9F9D79, #467035, #6A3D2E, #36362F)
• Wandering Lagoon color palette (#E2DFC8, #679C72, #006453, #5A2628, #001806)
• Worn Driftwood color palette (#E8FAF3, #C5D8AB, #739565, #7A566E, #003027)
• Timeworn Olive Terrace color palette (#EFE6C9, #5F8453, #005138, #391A44, #010B00)
• Dusty Bloom color palette (#F8F0EB, #A9D3BD, #5280A9, #005C57, #141E3E)
• Wandering Villa color palette (#FFEAD8, #D19561, #9B5205, #502C00, #140600)

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