Tempered Pine Garden color palette — #E1F8F2 · #85AC83 · #00793F · #214D5D · #00221F

Pine and Sage set the tone — five colors that lean into nature and growth.

The five colors

• Ivory (#E1F8F2): A whisper-light, dusty teal — the color of shallow lagoons.
• Sage (#85AC83): A luminous, dusty green — the color of fresh herbs.
• Pine (#00793F): A full-bodied, balanced teal — the color of sea glass.
• Peacock (#214D5D): A deep, shadowed, dusty blue — the color of open sky before noon.
• Onyx (#00221F): A deep, shadowed, dusty teal — the color of sea glass.

Feels like: Nature, Growth, Sophistication, Grounding. Tagged botanical, earthy, muted.

Use it as a design system

One click turns Tempered Pine Garden 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

• Olive Lantern color palette (#E6F7EB, #A7A26F, #656A1B, #563C57, #0A2117)
• Lagoon Studio color palette (#E7F5F5, #8DC0AA, #358573, #3A596F, #0B2D2F)
• Forest Atelier color palette (#D8EDE8, #6B9C6B, #006637, #582B00, #001614)
• Tempered Pine color palette (#CFE8E5, #378B5D, #00513A, #002F3C, #000A0A)
• Washed Emerald color palette (#ECF9F0, #C6D8A7, #44A05F, #685B84, #112E27)
• Velvet Fern color palette (#D6EAE1, #50601D, #1A3100, #2C0400, #010100)
• Frosted Mulberry color palette (#EBE6FA, #B777B4, #0087B4, #7E2F7D, #00202D)
• Weathered Blush Orchard color palette (#F7EDFF, #E5CAEC, #EF9592, #8C507C, #2A1E30)

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