Tempered Teal color palette — #FAF3F7 · #D3E0F8 · #91C4EC · #1BAFA1 · #374863

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

The five colors

• Ivory (#FAF3F7): bright and airy, almost weightless.
• Frost (#D3E0F8): A whisper-light, dusty violet — the color of wild irises.
• Sky (#91C4EC): A luminous, dusty blue — the color of a favorite pair of jeans.
• Turquoise (#1BAFA1): A luminous, balanced teal — the color of sea glass.
• Navy (#374863): A deep, shadowed, dusty blue — the color of deep harbor water.

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

• Softworn Powder Field color palette (#F1F5FF, #E1D8E1, #C1BBA2, #88BAE4, #444660)
• Dusty Veranda color palette (#F5F6EF, #C1E4E2, #5BB1D5, #008B97, #225243)
• Softworn Periwinkle color palette (#F8EAF1, #A8DCF3, #5BAAF2, #00918C, #1C285D)
• Antique Study color palette (#EADEE7, #71ACB2, #0080A3, #006047, #000A18)
• Powdered Cornflower color palette (#EADCE3, #83B8D4, #2C84E2, #006D6D, #0C0442)
• Clover Courtyard color palette (#F3F4FF, #CDADF5, #DEAB49, #83B846, #35354E)
• Weathered Violet Boulevard color palette (#CBE8FF, #AACDFF, #939CF8, #8971CE, #563E65)
• Hushed Cabin color palette (#F8F0EB, #C1E7D1, #6094BA, #0F6D63, #3A2338)

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