Tempered Teal color palette — #EFF8EA · #6BC3AE · #C4848F · #2B8371 · #62453E

A conversation between Mint Leaf and Teal, giving this palette its sense of sophistication.

The five colors

• Ivory (#EFF8EA): A whisper-light, dusty green — the color of a quiet forest floor.
• Mint Leaf (#6BC3AE): A luminous, balanced teal — the color of sea glass.
• Dusty Rose (#C4848F): A luminous, dusty red — the color of late-summer berries.
• Teal (#2B8371): A full-bodied, balanced teal — the color of shallow lagoons.
• Cocoa (#62453E): A full-bodied, dusty orange — the color of sun-warmed clay.

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

• Timeworn Stone color palette (#F8F6E4, #A2BB71, #B585B8, #687B44, #624349)
• Sky Field color palette (#ECF9F2, #54BEE7, #C48A64, #367C97, #524C47)
• Cypress Station color palette (#E6F5F8, #76C4B7, #9396CF, #128376, #273049)
• Dusty Teal Grove color palette (#ECFBE3, #00B195, #BD716E, #986865, #3D4638)
• Tempered Lagoon color palette (#F0F8ED, #8AD5C9, #A8ABE6, #379F92, #5E4354)
• Faded Scarlet Thicket color palette (#E4FDE9, #00A7B6, #D4454C, #006972, #622324)
• Mallow Field color palette (#F0F9E8, #D4D9EC, #CFBBE7, #929175, #4A5749)
• Dusty Bronze color palette (#FFF2EB, #D0B293, #AE6F4A, #76544E, #5C4300)

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