Tempered Pine color palette — #DDFBE0 · #BBD8FF · #C7ADE4 · #3D815C · #052F22

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

The five colors

• Honeydew (#DDFBE0): A whisper-light, dusty green — the color of new leaves after rain.
• Powder Blue (#BBD8FF): A whisper-light, dusty blue — the color of a favorite pair of jeans.
• Lavender (#C7ADE4): A luminous, balanced violet — the color of twilight just after sunset.
• Fern (#3D815C): A full-bodied, balanced teal — the color of glacier melt.
• Deep Forest (#052F22): A deep, shadowed, dusty teal — the color of shallow lagoons.

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

• Timeworn Ridge color palette (#ECF7D7, #B2E4DC, #A2B3DE, #717138, #1E2D18)
• Stone Station color palette (#DBFAF0, #DBE2FF, #D99CBF, #2D766D, #2F1E30)
• Muted Cypress Alley color palette (#E0FEEC, #AFE4D1, #A5B5E4, #007677, #224638)
• Patina Lagoon Dune color palette (#E9F8FF, #D8D8F5, #E5B2D4, #239C7B, #254359)
• Sunlit Wisteria Thicket color palette (#CFF1F6, #8EB7FB, #B66FB6, #005C44, #001226)
• Timeworn Boulevard color palette (#F9EEF8, #E8D3D2, #B2BA9E, #70907A, #45323D)
• Airy Meadow color palette (#EEF1FF, #FAD2DE, #FE9C88, #0C7EAF, #32183E)
• Wandering Chestnut color palette (#EFDDCB, #A8985E, #885925, #5F2E25, #1C1800)

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