Tempered Pine color palette — #E9FBEE · #99AD59 · #008028 · #554482 · #1A4338
Built around Olive, softened by Moss — the whole palette hums with nature and growth.
The five colors
- Ivory (#E9FBEE): A whisper-light, dusty teal — the color of glacier melt.
- Moss (#99AD59): A luminous, balanced green — the color of a quiet forest floor.
- Olive (#008028): A full-bodied, balanced green — the color of fresh herbs.
- Indigo (#554482): A full-bodied, balanced violet — the color of twilight just after sunset.
- Forest (#1A4338): A deep, shadowed, dusty teal — the color of shallow lagoons.
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
- Cypress Workshop color palette (#ECF9F3, #80A77F, #00745A, #4B4666, #123D39)
- Sunlit Moss color palette (#D6F4DD, #8C9D00, #217A23, #412173, #2C3200)
- Pine Veranda color palette (#F5F4D6, #85B876, #327D43, #00575E, #0F2707)
- Emerald Parlor color palette (#DBFEF4, #97CC86, #409C54, #35747A, #0D443D)
- Hushed Lagoon color palette (#EFF8F2, #A0CCC0, #638D6F, #63637B, #3D524C)
- Feathered Peony color palette (#F8F2FF, #F06AC0, #688D00, #8A0066, #2F4200)
- Antique Grove color palette (#DEF0EA, #4B8961, #005046, #441C43, #00220E)
- Worn Cerulean Alley color palette (#FDF1FA, #99DBE5, #008BB8, #006953, #204265)
Browse the whole catalog at Explore, or see today's palette.