Tempered Pine color palette — #E7F5F5 · #81C59D · #C285B3 · #288557 · #352C44

Fern takes the lead with Dusty Rose close behind in a set that reads as nature and growth at first glance.

The five colors

• Ivory (#E7F5F5): a clean, paper-quiet neutral.
• Mint Leaf (#81C59D): A luminous, balanced teal — the color of shallow lagoons.
• Dusty Rose (#C285B3): A luminous, balanced pink — the color of neon signs at night.
• Fern (#288557): A full-bodied, balanced teal — the color of shallow lagoons.
• Navy (#352C44): A deep, shadowed, dusty violet — the color of a velvet chair.

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

• Muted Balcony color palette (#E8F4F8, #67C4CA, #D18574, #008188, #3E2939)
• Tempered Lilac Study color palette (#E6F6EE, #BBB776, #A58CDA, #7B7423, #2B2E4B)
• Mint Lagoon color palette (#E4FBF9, #7BC38C, #C7885D, #527F5C, #614251)
• Tempered Canyon color palette (#F2F8E9, #84D9B0, #CE9ECE, #569D7B, #624348)
• Wandering Driftwood Ridge color palette (#DCF9F7, #6CAD83, #AE77AA, #9C6674, #162C2B)
• Washed Atelier color palette (#E5F6F5, #CADEF0, #B9AEB7, #649588, #2A3F42)
• Aged Driftwood color palette (#EBF5ED, #A2C5B3, #958055, #704B5C, #1F302C)
• Muted Balcony color palette (#EBF3F7, #DDB6CE, #076E7A, #0E3644, #0A161B)

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