Tempered Coral color palette — #FEF0FD · #E17C7B · #5A3C46 · #261A25 · #07040A

Watermelon takes the lead with Cocoa close behind in a set that reads as sophistication at first glance.

The five colors

• Blush (#FEF0FD): A whisper-light, dusty pink — the color of a candy shop window.
• Watermelon (#E17C7B): A luminous, balanced orange — the color of autumn markets.
• Cocoa (#5A3C46): A deep, shadowed, dusty rose — the color of strawberry cream.
• Onyx (#261A25): A deep, shadowed, dusty pink — the color of neon signs at night.
• Ink (#07040A): a grounded near-black with real depth.

Feels like: Sophistication. Tagged noir, dark, luxury, 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

• Weathered Grove color palette (#FFF0F7, #E1823F, #314D3F, #291821, #080408)
• Antique Coral Studio color palette (#F3E0D8, #EA8C86, #996034, #73351B, #211513)
• Wandering Rust color palette (#F2E7F0, #B84F4C, #422736, #1D121B, #080509)
• Hushed Market color palette (#E8FBEF, #9F8A00, #0C3D3A, #02140A, #030001)
• Periwinkle Hollow color palette (#FFF1F6, #EBAB73, #70AFF2, #5C96D3, #3B222D)
• Garnet Pier color palette (#F5E2F0, #724D00, #8F1900, #2A1D0F, #090400)
• Misty Field color palette (#FFF0F8, #FFC6A8, #85C0FE, #C17348, #193A5B)
• Hushed Amber color palette (#FFF1F5, #FFC8BD, #DF8859, #886214, #423F0E)

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