Tempered Pine Garden color palette — #C8EDE7 · #19730B · #7F2E00 · #073702 · #200600

Olive and Rust set the tone — five colors that lean into nature and growth.

The five colors

• Honeydew (#C8EDE7): A whisper-light, dusty teal — the color of sea glass.
• Olive (#19730B): A full-bodied, balanced green — the color of a quiet forest floor.
• Rust (#7F2E00): A full-bodied, balanced orange — the color of autumn markets.
• Deep Forest (#073702): A deep, shadowed, balanced green — the color of fresh herbs.
• Ink (#200600): A deep, shadowed, dusty orange — the color of autumn markets.

Feels like: Nature, Growth, Optimism, Balance. Tagged warm.

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

• Hushed Lantern color palette (#C8EDF0, #007056, #674300, #003628, #180D00)
• Timeworn Fern color palette (#D6EEE0, #6C6000, #005758, #332D00, #001314)
• Weathered Hollow color palette (#CCE2EF, #007A92, #516200, #00404F, #171E00)
• Deep Pine Atelier color palette (#D4F6E0, #00834A, #004425, #001308, #000301)
• Airy Coast color palette (#D2F3EE, #267E26, #5F006F, #043404, #07000A)
• Frosted Emerald Market color palette (#C4F2CD, #009F4D, #AB5500, #005F2B, #4A2100)
• Quiet Mint Boulevard color palette (#C7EAE9, #00CAA1, #008883, #004E12, #001A10)
• Dusty Grape Hollow color palette (#ECEEE0, #31A131, #8214A0, #09540C, #1D0026)

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