Tempered Teal color palette — #FAF3F5 · #D9DCF3 · #ACB8FC · #00ADB4 · #434464

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

The five colors

• Ivory (#FAF3F5): bright and airy, almost weightless.
• Silver (#D9DCF3): A whisper-light, dusty violet — the color of wild irises.
• Lavender (#ACB8FC): A luminous, balanced violet — the color of a velvet chair.
• Turquoise (#00ADB4): A luminous, balanced teal — the color of sea glass.
• Charcoal (#434464): A deep, shadowed, dusty violet — the color of twilight just after sunset.

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

• Aged Jade Basin color palette (#F8F3F8, #CFE1F6, #80C9E9, #5EAC75, #324968)
• Softworn Cerulean Summit color palette (#F9F4EE, #C4E4E8, #8AA5D7, #0088A8, #5A3D51)
• Aged Mint Basin color palette (#E5FAFD, #DADDE8, #C2ADAC, #81C28A, #315562)
• Dusty Sapphire Terrace color palette (#F7E7EE, #75A8C2, #2B70D7, #005E54, #0A0028)
• Feathered Emerald color palette (#F3ECF3, #A0E1DF, #00B6E0, #009933, #002E58)
• Coral Workshop color palette (#EAF8FF, #62CFEB, #EE95B6, #E6766A, #1F3C4A)
• Frosted Teal Drift color palette (#E5FAFD, #85DFD1, #FF9F9F, #00B7A6, #633132)
• Softworn Turquoise Alley color palette (#E6F9FF, #9DEAF0, #4AC0D0, #008E96, #00393C)

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