Tempered Coral color palette — #EEF9ED · #66C2BD · #D77C68 · #008480 · #534B47

A conversation between Coral Clay and Teal, giving this palette its sense of sophistication.

The five colors

• Ivory (#EEF9ED): a clean, paper-quiet neutral.
• Mint Leaf (#66C2BD): A luminous, balanced teal — the color of shallow lagoons.
• Coral Clay (#D77C68): A luminous, balanced orange — the color of toasted spice.
• Teal (#008480): A full-bodied, balanced teal — the color of shallow lagoons.
• Charcoal Brown (#534B47): quiet, heavy and certain.

Feels like: Sophistication. Tagged muted.

Use it as a design system

One click turns Tempered Coral 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

• Dusty Studio color palette (#DFF6FF, #54C7CF, #D0857B, #2C7F85, #3F283B)
• Weathered Coral Loft color palette (#FBF2FB, #8EB3E1, #D87B6A, #4374B0, #534B48)
• Muted Blush Studio color palette (#F5F7EA, #91BE90, #C97CA8, #4D814D, #664242)
• Aqua Villa color palette (#EDF9EF, #5DD9E2, #DE9E9C, #489BA1, #534B48)
• Patina Quarry color palette (#E9FBEA, #3EAAAE, #BE7357, #916730, #384739)
• Chestnut Lantern color palette (#FFF3E8, #C8B597, #9D775C, #8A4931, #554700)
• Washed Shell color palette (#EAF8FC, #9FE3E2, #F9B49D, #62B9B8, #624157)
• Patina Petal color palette (#ECFAEB, #FFD0E5, #C6E6E7, #848F66, #415449)

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