Tempered Teal color palette — #FBF3F6 · #D5DFF7 · #99C1EC · #57A8A5 · #3A4862

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

The five colors

• Ivory (#FBF3F6): bright and airy, almost weightless.
• Frost (#D5DFF7): A whisper-light, dusty violet — the color of twilight just after sunset.
• Sky (#99C1EC): A luminous, dusty blue — the color of deep harbor water.
• Turquoise (#57A8A5): A luminous, dusty teal — the color of shallow lagoons.
• Charcoal (#3A4862): A full-bodied, dusty violet — the color of wild irises.

Feels like: Trust, Stability, Calm, 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

• Worn Cerulean color palette (#F4F7EC, #BFE5E5, #7CACC9, #17899E, #285146)
• Timeworn Delta color palette (#F0E2EC, #57AFC0, #007EAE, #005F4F, #00081C)
• Dusty Quarry color palette (#F7EAF0, #ACDAF6, #7AA6E3, #009094, #262951)
• Sunlit Thicket color palette (#FAF1FF, #F3A3BF, #52CDA9, #37ADCC, #41304A)
• Worn Archive color palette (#F0DCE3, #7EB8DF, #417EEA, #006C73, #12053D)
• Faded Station color palette (#FFF0FA, #80EFEA, #00BFDB, #009E5A, #003850)
• Sand Harbor color palette (#FAF1FF, #FED9A7, #EFD3D9, #C7A5CF, #524254)
• Patina Delta color palette (#F2E1ED, #8DCDCD, #00A2C2, #008154, #002236)

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