Tempered Pine color palette — #D2EAE4 · #3D8D55 · #00513D · #222B50 · #00201F

Built around Fern, softened by Forest — the whole palette hums with nature and growth.

The five colors

• Honeydew (#D2EAE4): A whisper-light, dusty teal — the color of shallow lagoons.
• Fern (#3D8D55): A full-bodied, balanced teal — the color of sea glass.
• Forest (#00513D): A deep, shadowed, dusty teal — the color of sea glass.
• Midnight (#222B50): A deep, shadowed, dusty violet — the color of a velvet chair.
• Ink (#00201F): 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 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

• Wandering Olive color palette (#DAEFE2, #728400, #225103, #3C2343, #002118)
• Timeworn Field color palette (#D0ECE4, #48A25A, #006549, #553043, #00302E)
• Jade Loft color palette (#E3FCF2, #7CB563, #0C7D48, #67435D, #16433D)
• Muted Field color palette (#E5D9ED, #C2007A, #006958, #6A0041, #00211A)
• Washed Chapel color palette (#E2E6D7, #79B69B, #00947B, #006D92, #002115)
• Moonless Fern color palette (#CFE6DA, #4D680D, #023506, #260728, #000805)
• Denim Basin color palette (#DCEBDF, #49ABD3, #005C8F, #003D42, #061E41)
• Quiet Moss Veranda color palette (#D9F3DD, #A09500, #506300, #4D3667, #332F00)

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