Tempered Pine color palette — #F2F8E7 · #84C09C · #B984B2 · #37845C · #684045

Fern and Dusty Rose set the tone — five colors that lean into nature and growth.

The five colors

• Ivory (#F2F8E7): A whisper-light, dusty green — the color of a quiet forest floor.
• Mint Leaf (#84C09C): A luminous, balanced teal — the color of sea glass.
• Dusty Rose (#B984B2): A luminous, balanced pink — the color of neon signs at night.
• Fern (#37845C): A full-bodied, balanced teal — the color of glacier melt.
• Cocoa (#684045): A full-bodied, dusty red — the color of a theater curtain.

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

• Olive Study color palette (#FAF5E4, #B2B483, #9293C6, #75773B, #614155)
• Pine Market color palette (#F1F3E8, #99BF94, #CC839E, #44833D, #4A2232)
• Timeworn Petrol Delta color palette (#EDF9EF, #73BEC7, #C7857F, #00828D, #534B48)
• Emerald Archive color palette (#E7FAF8, #A3D2AD, #DB9BBD, #51A066, #544662)
• Teal Quarry color palette (#EFF9E3, #57AB89, #8483B8, #9E664D, #41443D)
• Timeworn Driftwood color palette (#F1F8EA, #C7E8DC, #A6CFCC, #888E65, #4B5744)
• Sunlit Raspberry color palette (#E6FEDB, #00AB96, #CB4976, #006B5E, #6C0C35)
• Hushed Bronze Loft color palette (#FBF4EA, #C4B798, #9E7938, #805215, #544700)

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