Tempered Teal color palette — #EEF4E8 · #55AF92 · #43604F · #284100 · #22221C

Jade takes the lead with Deep Olive close behind in a set that reads as nature and growth at first glance.

The five colors

• Cream (#EEF4E8): bright and airy, almost weightless.
• Jade (#55AF92): A luminous, balanced teal — the color of sea glass.
• Pine (#43604F): A full-bodied, dusty teal — the color of glacier melt.
• Deep Olive (#284100): A deep, shadowed, balanced green — the color of a quiet forest floor.
• Onyx (#22221C): a grounded near-black with real depth.

Feels like: Nature, Growth, Sophistication. Tagged noir, dark, luxury, 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

• Timeworn Taupe Drift color palette (#F4F3E3, #91A560, #466224, #393831, #24211D)
• Teal Studio color palette (#E3FAFD, #67C2A8, #405963, #1E2E30, #091110)
• Worn Mint Veranda color palette (#EBF6E5, #67CCB3, #71806F, #50574C, #20231D)
• Lagoon Chapel color palette (#E3EEE2, #009A97, #004A6F, #192C18, #101306)
• Apricot Study color palette (#EAFBE8, #5EC5BF, #D9925A, #B38961, #3A4639)
• Azure Atelier color palette (#D6EAE2, #3099D1, #604254, #1C332B, #131A14)
• Patina Bronze Terrace color palette (#F8F5EB, #CFD6AE, #60AC9E, #917C33, #4B5302)
• Blush Veranda color palette (#EEF8F2, #83D2E8, #F19294, #3D9AB2, #63453B)

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