Tempered Teal color palette — #FCF2F7 · #D6DFF7 · #98C1EF · #4BA9A7 · #394765

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

The five colors

• Ivory (#FCF2F7): a clean, paper-quiet neutral.
• Frost (#D6DFF7): A whisper-light, dusty violet — the color of wild irises.
• Sky (#98C1EF): A luminous, dusty blue — the color of deep harbor water.
• Turquoise (#4BA9A7): A luminous, balanced teal — the color of sea glass.
• Navy (#394765): A deep, shadowed, 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

• Cerulean Boulevard color palette (#F4F6EF, #C3E3E3, #7AABCC, #2A879D, #255147)
• Tempered Stone color palette (#DCFCFF, #C7DEEC, #C4B0B0, #93BC91, #314F57)
• Cobalt Ridge color palette (#F0DDEA, #5FAEBF, #007EB0, #005F50, #00081D)
• Aged Cabin color palette (#FAE9F0, #A4DBFD, #75A6EB, #009095, #25265B)
• Frosted Emerald color palette (#FFF0FA, #95ECE7, #00BFDB, #009E5B, #003850)
• Aged Cornflower color palette (#EDDFE4, #77B8E6, #5380D6, #006C74, #130042)
• Taupe Pier color palette (#E6FBEF, #AEDCCD, #B7AE74, #759174, #264340)
• Faded Teal Orchard color palette (#E3FAFD, #76E3CB, #ECA4CA, #00B89E, #5D324A)

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