Tempered Teal color palette — #E4FBF9 · #80C0A0 · #40826E · #446155 · #2E4848

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

The five colors

• Ivory (#E4FBF9): A whisper-light, dusty teal — the color of glacier melt.
• Mint Leaf (#80C0A0): A luminous, balanced teal — the color of shallow lagoons.
• Fern (#40826E): A full-bodied, dusty teal — the color of glacier melt.
• Pine (#446155): A full-bodied, dusty teal — the color of glacier melt.
• Charcoal (#2E4848): A deep, shadowed, dusty teal — the color of shallow lagoons.

Feels like: Sophistication, Grounding. Tagged botanical, earthy, muted.

Use it as a design system

One click turns Tempered Teal 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

• Jade Study color palette (#D8FFF8, #53BC70, #067D51, #3F5937, #034441)
• Patina Ridge color palette (#E7FBF0, #AEB677, #6A7B48, #6C515B, #32483F)
• Dusty Station color palette (#DDFCFE, #BFE6F1, #99CDE9, #638F73, #3C5559)
• Misty Jade color palette (#DDFDFC, #38BA7C, #5A8CCB, #0C794B, #2F445D)
• Worn Lantern color palette (#F4F7E7, #BBCBA8, #559F93, #93682A, #354B04)
• Pale Lagoon color palette (#DAFDFF, #00A078, #0086B7, #756A13, #1E3E40)
• Turquoise Delta color palette (#EAF9F6, #B3DEE4, #71B9C8, #B38089, #27494D)
• Washed Moss color palette (#CDF7E2, #8B9D00, #476600, #494500, #2B3200)

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