Tempered Pine color palette — #D6F6E7 · #488951 · #004F46 · #421639 · #000B01

Built around Fern, softened by Deep Indigo — the whole palette hums with nature and growth.

The five colors

• Honeydew (#D6F6E7): A whisper-light, dusty teal — the color of sea glass.
• Fern (#488951): A full-bodied, balanced green — the color of new leaves after rain.
• Forest (#004F46): A deep, shadowed, dusty teal — the color of shallow lagoons.
• Deep Indigo (#421639): A deep, shadowed, balanced pink — the color of neon signs at night.
• Ink (#000B01): A deep, shadowed, dusty green — the color of a quiet forest floor.

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

• Dusty Cypress Villa color palette (#D8F0EA, #007A5E, #003E43, #3E001D, #000402)
• Worn Olive color palette (#D0E7D2, #74802D, #005224, #392500, #070900)
• Wandering Bloom color palette (#D7EED5, #359847, #1D5000, #002309, #000200)
• Hushed Emerald color palette (#CEE6DB, #639E69, #006357, #3C3B00, #001803)
• Ancient Forest Ridge color palette (#F9F6E1, #86AF7B, #007244, #602A04, #010B00)
• Garnet Bloom color palette (#E8E4D2, #68A274, #007066, #682B57, #00220A)
• Linen Aubergine Drift color palette (#E3F2DC, #457A1E, #860056, #5E0071, #010500)
• Aubergine Corridor color palette (#C3E7E2, #339123, #59229E, #0C4203, #0C0020)

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