Tempered Pine color palette — #F5EBF1 · #92CDC8 · #00A4BB · #008247 · #002333

A conversation between Fern and Cerulean, giving this palette its sense of nature and growth.

The five colors

• Blush (#F5EBF1): bright and airy, almost weightless.
• Mint Leaf (#92CDC8): A luminous, dusty teal — the color of sea glass.
• Cerulean (#00A4BB): A luminous, balanced blue — the color of open sky before noon.
• Fern (#008247): A full-bodied, balanced teal — the color of shallow lagoons.
• Midnight (#002333): A deep, shadowed, dusty blue — the color of deep harbor water.

Feels like: Nature, Growth, Trust, Stability, Calm, Balance. Tagged coastal, cool, 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

• Misty Azure Summit color palette (#ECE2E8, #99C7DF, #009CE3, #007E70, #001950)
• Wandering Lagoon Atelier color palette (#DFDFD3, #7CC0BA, #008588, #005B4B, #002529)
• Hushed Parlor color palette (#EAF9F5, #7DDFD9, #008B8F, #005345, #001012)
• Gentle Jade Villa color palette (#D7EADB, #00AD82, #00887D, #006570, #002731)
• Emerald Meadow color palette (#D8F4FD, #ABC2E9, #C59DE7, #00A66F, #002C35)
• Weathered Sky color palette (#FDF1F8, #A0E5FF, #4EB2FF, #00988F, #132878)
• Wandering Delta color palette (#CEE5EB, #00B3B0, #F83A5A, #00817F, #3A000A)
• Muted Teal Boulevard color palette (#F3E7E1, #38B1AB, #006372, #003C1D, #000D16)

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