Tempered Pine color palette — #E4FBF6 · #98CA98 · #128D51 · #005C68 · #001D1B

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

The five colors

• Ivory (#E4FBF6): A whisper-light, dusty teal — the color of sea glass.
• Mint Leaf (#98CA98): A luminous, balanced green — the color of new leaves after rain.
• Fern (#128D51): A full-bodied, balanced teal — the color of shallow lagoons.
• Peacock (#005C68): A full-bodied, dusty blue — the color of open sky before noon.
• Ink (#001D1B): A deep, shadowed, dusty teal — the color of sea glass.

Feels like: Nature, Growth, Trust, Stability, Balance, 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

• Lagoon Canyon color palette (#E5FBF7, #A3E1B6, #3F9E79, #2E6C7F, #002F2E)
• Wandering Orchard color palette (#DCFDFB, #54B891, #00705D, #00425A, #000A0B)
• Olive Cabin color palette (#EAFAEF, #C4BE78, #777D00, #714144, #1C1900)
• Hazy Lime Study color palette (#D2ECDC, #A5C86D, #5DA372, #7C6B99, #003128)
• Hazy Terrace color palette (#E5FBF5, #B2EAB0, #00AE5E, #905D38, #003732)
• Weathered Meadow color palette (#EAF9F6, #CADFFF, #00A2C4, #00696C, #00222F)
• Antique Balcony color palette (#F3EEDA, #769A60, #006732, #203A58, #141300)
• Hushed Garden color palette (#DBF1E9, #5C8932, #0A4906, #320E00, #010200)

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