Tempered Teal color palette — #FBF2F7 · #D4DFF4 · #88C5F4 · #37ADA0 · #344867

Turquoise and Sky set the tone — five colors that lean into trust and stability.

The five colors

• Ivory (#FBF2F7): bright and airy, almost weightless.
• Frost (#D4DFF4): A whisper-light, dusty violet — the color of a velvet chair.
• Sky (#88C5F4): A luminous, balanced blue — the color of deep harbor water.
• Turquoise (#37ADA0): A luminous, balanced teal — the color of sea glass.
• Navy (#344867): 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

• Hushed Harbor color palette (#F5F6EF, #BEE7E4, #6CAFCD, #008A98, #254C64)
• Periwinkle Quarry color palette (#F8EAF1, #B5D9F0, #5EAAF2, #00918D, #1D285D)
• Worn Cobalt color palette (#F0E3E9, #84B8D4, #3C84D9, #006D6E, #0D0047)
• Dusty Balcony color palette (#E7DBE4, #6AADB5, #0080A4, #006048, #000A18)
• Patina Mint Garden color palette (#E5FAFB, #D3DDE9, #A0C179, #BCA9B2, #35575E)
• Worn Cerulean color palette (#F9F0EA, #ADE7FA, #5F94BB, #256B62, #3B2238)
• Chalky Jade color palette (#E9F9F9, #9ADDBA, #FC9BC2, #00BB7D, #5E3245)
• Mallow Canyon color palette (#E0FBFE, #77D3B6, #EA95C4, #DA7E72, #0E4044)

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