Tempered Teal color palette — #E9F9F6 · #BCE3F4 · #5CB09D · #3B828D · #1C3F3F

A conversation between Turquoise and Slate, giving this palette its sense of trust and stability.

The five colors

• Ivory (#E9F9F6): bright and airy, almost weightless.
• Powder Blue (#BCE3F4): A whisper-light, dusty blue — the color of a favorite pair of jeans.
• Turquoise (#5CB09D): A luminous, balanced teal — the color of sea glass.
• Slate (#3B828D): A full-bodied, dusty blue — the color of deep harbor water.
• Deep Teal (#1C3F3F): A deep, shadowed, dusty teal — the color of shallow lagoons.

Feels like: Trust, Stability, Calm, Sophistication, Grounding. Tagged botanical, earthy, 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

• Teal Coast color palette (#ECF9F2, #AEE1DA, #6FBDAC, #7394B0, #2E4845)
• Washed Workshop color palette (#E8FAF7, #A9DBDD, #339D90, #5F5D8C, #002F31)
• Lagoon Studio color palette (#F1F7F2, #DADFEB, #84C3F1, #02949B, #29405F)
• Lagoon Meadow color palette (#F6F2E5, #95C099, #308578, #3D5C53, #262919)
• Teal Basin color palette (#F3F4FF, #C0AFED, #E1965E, #00AA90, #252846)
• Hushed Market color palette (#D3E3DC, #618745, #00491F, #001B3A, #000200)
• Dusty Periwinkle color palette (#F3F4FF, #DFD7E0, #ADAFA3, #8BA0E5, #403E5B)
• Hushed Driftwood Dune color palette (#D7E6D8, #9C8F3E, #495400, #00313D, #020100)

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