Tempered Teal color palette — #FBF2F6 · #D8DEF5 · #A7BCF1 · #4FA9A5 · #414564

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

The five colors

• Ivory (#FBF2F6): a clean, paper-quiet neutral.
• Frost (#D8DEF5): A whisper-light, dusty violet — the color of a velvet chair.
• Sky (#A7BCF1): A luminous, dusty violet — the color of a velvet chair.
• Turquoise (#4FA9A5): A luminous, balanced teal — the color of sea glass.
• Charcoal (#414564): A full-bodied, dusty violet — the color of wild irises.

Feels like: Creativity, 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

• Patina Ash Workshop color palette (#F9F4EE, #C0E7EA, #85A7D3, #3F8696, #3B4669)
• Emerald Boulevard color palette (#FAF2FA, #C1E8F3, #56C0E7, #549F65, #213C5C)
• Frosted Mallow Thicket color palette (#FCF1FF, #FAA0B4, #4DC9CC, #51A6C9, #423047)
• Wandering Studio color palette (#FAE9EF, #B2D8FA, #8D9EF1, #009094, #35244B)
• Pale Atelier color palette (#F8E9F1, #6BABC2, #3577BA, #005F4E, #07002A)
• Muted Alley color palette (#FAF1FF, #F1E5AC, #E9D8D8, #C5A9D1, #604A5D)
• Quiet Blush Workshop color palette (#FCF1FF, #FFB3C6, #6ED2C5, #D58298, #004E47)
• Azure Balcony color palette (#EFE5EC, #7DCFD9, #009ED9, #008250, #03194F)

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