Tempered Teal color palette — #EEF7F5 · #CAE0F5 · #71CFD4 · #51AA98 · #254E5D

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

The five colors

• Ivory (#EEF7F5): a clean, paper-quiet neutral.
• Powder Blue (#CAE0F5): A whisper-light, dusty blue — the color of open sky before noon.
• Aqua (#71CFD4): A luminous, balanced blue — the color of a favorite pair of jeans.
• Turquoise (#51AA98): A luminous, balanced teal — the color of sea glass.
• Peacock (#254E5D): A full-bodied, 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 Balcony color palette (#FCF2F8, #C2EDF8, #6CB1C1, #568768, #314B5E)
• Patina Aqua Courtyard color palette (#E8F8FF, #3FD4E5, #9EB0F6, #88B380, #1E3D48)
• Teal Meadow color palette (#BAF9E7, #75DDCA, #1FBFB8, #219A9D, #115157)
• Hushed Cerulean Villa color palette (#DCF2ED, #7BBDC2, #0093A6, #006D68, #00171E)
• Powdered Teal Station color palette (#E6F9FD, #75E2D6, #D7BB69, #35B4A9, #514004)
• Chalky Sky color palette (#E3FBF8, #91E9FE, #00BCE9, #00969E, #00384E)
• Cobalt Lantern color palette (#D9F1EF, #69A9CE, #0F7ABB, #005A70, #00091A)
• Azure Field color palette (#E7FAF9, #D6DAF8, #85B9FF, #009CD8, #253C74)

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