Tempered Pine color palette — #D5EBDA · #9BAD7A · #39825D · #68521E · #222E05
Fern and Coffee set the tone — five colors that lean into nature and growth.
The five colors
- Honeydew (#D5EBDA): A whisper-light, dusty teal — the color of shallow lagoons.
- Sage (#9BAD7A): A luminous, dusty green — the color of a quiet forest floor.
- Fern (#39825D): A full-bodied, balanced teal — the color of glacier melt.
- Coffee (#68521E): A full-bodied, dusty gold — the color of honey in a jar.
- Deep Forest (#222E05): A deep, shadowed, dusty green — the color of new leaves after rain.
Feels like: Nature, Growth, Optimism, 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
- Antique Pine color palette (#FDF4E5, #B3C38B, #008D4F, #664C17, #1D1800)
- Hushed Villa color palette (#D8E9E2, #7EB38D, #00837B, #6F4660, #0B311A)
- Patina Jade Lagoon color palette (#D7F2E5, #69A36B, #007161, #4A4711, #002203)
- Taupe Basin color palette (#F1DFE8, #BEA158, #687A38, #156259, #0E311B)
- Moss Meadow color palette (#D9E9E0, #AEC47E, #5FA554, #7D773C, #0A3027)
- Lagoon Workshop color palette (#E2FDEA, #A4C87F, #289C73, #30728A, #2D4213)
- Dusty Jade Bloom color palette (#D8E8C8, #33B773, #008774, #005D5E, #003041)
- Muted Taupe Quarry color palette (#FBF2F5, #B9DAC9, #88A580, #64838D, #405249)
Browse the whole catalog at Explore, or see today's palette.