Tempered Coral color palette — #FFF0FD · #DB827B · #939354 · #7A6297 · #3F2B3D

Coral Clay and Slate set the tone — five colors that lean into nature and growth.

The five colors

• Blush (#FFF0FD): A whisper-light, dusty pink — the color of a candy shop window.
• Coral Clay (#DB827B): A luminous, balanced orange — the color of autumn markets.
• Moss (#939354): A luminous, balanced green — the color of new leaves after rain.
• Slate (#7A6297): A full-bodied, balanced violet — the color of wild irises.
• Espresso (#3F2B3D): A deep, shadowed, dusty pink — the color of neon signs at night.

Feels like: Nature, Growth, Creativity, 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

• Washed Amber Loft color palette (#FFF1F6, #D38C44, #6C9E6A, #94587B, #452934)
• Worn Blush Delta color palette (#F9F2FF, #D57EAC, #B68449, #566CA5, #382E41)
• Aged Mulberry color palette (#FFF1F6, #D67C00, #9F6CC3, #9D3981, #411E2E)
• Taupe Atelier color palette (#EEF8EE, #C8A46F, #7AA88B, #3A8985, #344134)
• Timeworn Bloom color palette (#FBF2F6, #CDDADB, #96A2AD, #B48459, #4E4548)
• Feathered Taupe color palette (#EAFAF0, #B6A54D, #57905B, #006C6A, #552B1A)
• Bronze Station color palette (#FBF2F6, #F3B490, #A48E3B, #B86937, #132A1C)
• Tempered Market color palette (#EAFAED, #9C7C33, #587D41, #005A7E, #213927)

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