Tempered Teal color palette — #E0E1CF · #37B6BB · #00606A · #002C28 · #000102

Turquoise and Peacock set the tone — five colors that lean into trust and stability.

The five colors

• Bone (#E0E1CF): A whisper-light, dusty green — the color of a quiet forest floor.
• Turquoise (#37B6BB): A luminous, balanced teal — the color of shallow lagoons.
• Peacock (#00606A): A full-bodied, dusty blue — the color of a favorite pair of jeans.
• Deep Forest (#002C28): A deep, shadowed, dusty teal — the color of glacier melt.
• Black (#000102): quiet, heavy and certain.

Feels like: Trust, Stability, Calm, Sophistication. Tagged coastal, cool, light, 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

• Weathered Denim color palette (#DDE2D2, #6FA9D4, #005696, #002938, #000105)
• Timeworn Aqua Harbor color palette (#EEF0E1, #4ACBD9, #007486, #003E3C, #000305)
• Timeworn Petrol color palette (#EDE4D5, #6BAEB0, #008396, #005F4C, #000B12)
• Muted Abyss Terrace color palette (#DCE6DE, #53808E, #00434F, #002018, #000103)
• Azure Orchard color palette (#F4F7E8, #BEEFFF, #009FD1, #006873, #002134)
• Cobalt Station color palette (#F3F7EB, #9AD3FF, #317DC6, #004E67, #000B26)
• Velvet Bronze Harbor color palette (#F2E8D5, #827300, #493A00, #1B1000, #010100)
• Faded Harbor color palette (#FFE5DD, #962800, #4F4700, #550451, #040000)

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