Tempered Teal color palette — #B4F3E8 · #00A89D · #00635C · #00342E · #001918

Turquoise takes the lead with Pine close behind in a set that reads as calm and sophistication at first glance.

The five colors

• Sea Foam (#B4F3E8): A whisper-light, dusty teal — the color of shallow lagoons.
• Turquoise (#00A89D): A luminous, balanced teal — the color of sea glass.
• Pine (#00635C): A full-bodied, dusty teal — the color of sea glass.
• Deep Forest (#00342E): A deep, shadowed, dusty teal — the color of sea glass.
• Ink (#001918): A deep, shadowed, dusty teal — the color of glacier melt.

Feels like: Calm, Sophistication. Tagged monochrome, muted, 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

• Seafoam Quarry color palette (#9DFBF1, #00DBCA, #00AA9D, #007870, #001D1A)
• Hazy Delta color palette (#C1EFCB, #51A26C, #00682E, #003719, #001F0A)
• Aged Turquoise color palette (#E4FAFF, #47B3B9, #007073, #004142, #002423)
• Washed Delta color palette (#D3E4E8, #008D96, #005056, #002024, #000A0C)
• Antique Azure Veranda color palette (#BFE7FF, #3F99CB, #006182, #003041, #001B27)
• Misty Mulberry color palette (#DFEEF5, #0098B1, #821971, #004A57, #11081D)
• Softworn Fern color palette (#D6F0E0, #818F57, #635500, #4D3000, #0C2C09)
• Peony Veranda color palette (#FBE6DE, #FF5DBE, #00A7AB, #112933, #03161B)

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