Tempered Teal color palette — #E8F7E2 · #31B3A0 · #9780BD · #9A6D47 · #212A1E

Turquoise takes the lead with Slate Blue close behind in a set that reads as optimism and creativity at first glance.

The five colors

• Honeydew (#E8F7E2): A whisper-light, dusty green — the color of new leaves after rain.
• Turquoise (#31B3A0): A luminous, balanced teal — the color of glacier melt.
• Slate Blue (#9780BD): A luminous, balanced violet — the color of a velvet chair.
• Walnut (#9A6D47): A full-bodied, dusty gold — the color of afternoon light on wheat.
• Onyx (#212A1E): A deep, shadowed, dusty green — the color of fresh herbs.

Feels like: Optimism, Creativity, Sophistication. Tagged 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 Moss color palette (#F3F4DB, #7EAC5C, #6090C9, #9C686D, #292915)
• Washed Azure Archive color palette (#DFF9ED, #1FAADC, #BB7397, #7C7C47, #182C24)
• Driftwood Loft color palette (#DDFCFF, #56AA93, #B47194, #9B6567, #2D484B)
• Patina Teal Terrace color palette (#E1FBFF, #70C3B1, #7CAAD0, #939859, #29484C)
• Tempered Basin color palette (#ECF5E8, #CBDCFC, #A9DDCB, #8B9476, #323E32)
• Byzantium Thicket color palette (#B3F2F7, #00949E, #A743B4, #7D5B00, #001C1F)
• Seafoam Grove color palette (#E2FADC, #81DFDA, #349690, #0B5B58, #0C230B)
• Bronze Pier color palette (#F9F1DF, #C3BC98, #998039, #745002, #2D2D20)

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