Tempered Teal color palette — #E0ECC4 · #58C096 · #008B78 · #006364 · #1C455E

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

The five colors

• Celadon Mist (#E0ECC4): A whisper-light, dusty green — the color of fresh herbs.
• Jade (#58C096): A luminous, balanced teal — the color of sea glass.
• Fern (#008B78): A full-bodied, balanced teal — the color of glacier melt.
• Peacock (#006364): A full-bodied, dusty teal — the color of sea glass.
• Navy (#1C455E): A deep, shadowed, dusty blue — the color of deep harbor water.

Feels like: Nature, Growth, Trust, Stability, Calm, Balance. Tagged cool.

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

• Feathered Teal Hollow color palette (#B9F4DB, #7EE1C3, #36C5B2, #0B9A90, #004F4F)
• Hushed Pine Coast color palette (#D8F4CC, #7CC38A, #008C59, #006756, #3A5235)
• Dusty Cypress color palette (#E1FFE3, #6BCBCE, #008185, #005257, #003537)
• Powdered Rose Field color palette (#EEF9EB, #4DB3A9, #D45D72, #00756E, #613239)
• Misty Turquoise Villa color palette (#CDEFD3, #47BFDD, #0087AB, #005D8C, #5D425E)
• Washed Powder color palette (#E9FBE7, #B7E6E1, #9AC8F1, #50917C, #3E5041)
• Orchid Courtyard color palette (#E7FCE7, #009C9B, #9E57BE, #8C5E0D, #2C3D2B)
• Cypress Thicket color palette (#D8E9E1, #007E6B, #004A49, #00272A, #00151B)

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