Tempered Teal color palette — #FAF3F6 · #DAD4E1 · #B0C8EE · #65B2AC · #4C506C

Turquoise and Sky set the tone — five colors that lean into calm and sophistication.

The five colors

• Ivory (#FAF3F6): a clean, paper-quiet neutral.
• Silver (#DAD4E1): bright and airy, almost weightless.
• Sky (#B0C8EE): A whisper-light, dusty blue — the color of open sky before noon.
• Turquoise (#65B2AC): A luminous, dusty teal — the color of sea glass.
• Charcoal Brown (#4C506C): A full-bodied, dusty violet — the color of a velvet chair.

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

• Antique Aqua Drift color palette (#EDF7FF, #DBD9E3, #8DCFCC, #AEAFA3, #465164)
• Antique Cerulean color palette (#F8F5EF, #CCE5E7, #95B4D9, #4593A3, #64485F)
• Softworn Periwinkle color palette (#EEF6FF, #B7D8FF, #F3B898, #74ACEE, #624253)
• Indigo Boulevard color palette (#E9DADF, #85A4C4, #6467C6, #005C63, #11001F)
• Patina Lagoon color palette (#FBF2F7, #C0E7FD, #78B7F8, #00A386, #33365D)
• Taupe Loft color palette (#EEF6FF, #9FCBFE, #E9B17B, #B6A356, #344456)
• Wandering Delta color palette (#EFF6FF, #D5D9F9, #9BB9F3, #568BC4, #1F3658)
• Ash Alley color palette (#F7F0EA, #BEEEF1, #889CC6, #5A7356, #432F39)

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