Tempered Teal color palette — #CCF3E8 · #2FBBB1 · #6881A1 · #7C5234 · #542F14

Turquoise and Coffee set the tone — five colors that lean into optimism and calm.

The five colors

• Honeydew (#CCF3E8): A whisper-light, dusty teal — the color of shallow lagoons.
• Turquoise (#2FBBB1): A luminous, balanced teal — the color of glacier melt.
• Storm Blue (#6881A1): A full-bodied, dusty blue — the color of deep harbor water.
• Coffee (#7C5234): A full-bodied, dusty gold — the color of honey in a jar.
• Espresso (#542F14): A deep, shadowed, dusty gold — the color of honey in a jar.

Feels like: Optimism, Calm, Balance. Tagged vintage, retro, muted, cool.

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

• Teal Bloom color palette (#DDE1D3, #66B9B0, #607F9B, #694C66, #522928)
• Softworn Corridor color palette (#CDF1E1, #63AFC8, #7D79A8, #426043, #493004)
• Weathered Cerulean Ridge color palette (#DEFFE5, #ABC6A8, #6392BA, #75482D, #442902)
• Softworn Aqua color palette (#DFF2F1, #88C8CF, #828CB6, #7B626E, #583848)
• Weathered Jade color palette (#D5EAE4, #39BF8F, #008286, #4C5C35, #042F31)
• Pewter Boulevard color palette (#D4E7E2, #4F93BA, #774F8E, #493800, #00240E)
• Softworn Meadow color palette (#DAFDFE, #A8CADE, #9DA2C2, #6F8072, #48584B)
• Dusty Amber color palette (#C2E4F7, #00A8D0, #CE6400, #006E89, #431C00)

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