Tempered Teal color palette — #FAF4F0 · #C5E9E4 · #83C7F0 · #34AE98 · #583C59

Built around Turquoise, softened by Sky — the whole palette hums with trust and stability.

The five colors

• Ivory (#FAF4F0): bright and airy, almost weightless.
• Honeydew (#C5E9E4): A whisper-light, dusty teal — the color of glacier melt.
• Sky (#83C7F0): A luminous, balanced blue — the color of deep harbor water.
• Turquoise (#34AE98): A luminous, balanced teal — the color of glacier melt.
• Charcoal (#583C59): A deep, shadowed, dusty pink — the color of a candy shop window.

Feels like: Trust, Stability, Sophistication, Softness, Clarity. 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

• Dusty Teal color palette (#FAF3F0, #C8E6DF, #74CBEB, #50AC89, #265146)
• Lagoon Boulevard color palette (#EEF7F6, #CEDCF2, #5AB2CF, #008B91, #2B4C61)
• Teal Basin color palette (#FFF2F0, #F2A3BE, #91C57C, #00BEAD, #4E2E2B)
• Tempered Lantern color palette (#FFF1F2, #E2D9D0, #ACBAC7, #C5A6DE, #674844)
• Weathered Periwinkle color palette (#F8ECE5, #B5DFC7, #5CACE7, #009286, #13295F)
• Cerulean Market color palette (#F9EEF5, #ACE8F6, #5D95B6, #2C6B5E, #1A2D44)
• Patina Cobalt Villa color palette (#EDE1DA, #77BBD6, #0087DE, #006D69, #060841)
• Feathered Fuchsia Quarry color palette (#FFF1F2, #F3B5E3, #6FD5A8, #E16CCA, #0F4E37)

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