Tempered Coral color palette — #FFD8DC · #E76368 · #AB401C · #773600 · #4D2F0D

Built around Coral Clay, softened by Brick — the whole palette hums with optimism and warmth.

The five colors

• Shell Pink (#FFD8DC): A whisper-light, dusty red — the color of a theater curtain.
• Coral Clay (#E76368): A luminous, vivid orange — the color of toasted spice.
• Brick (#AB401C): A full-bodied, balanced orange — the color of toasted spice.
• Bronze (#773600): A full-bodied, balanced gold — the color of honey in a jar.
• Espresso (#4D2F0D): A deep, shadowed, dusty gold — the color of afternoon light on wheat.

Feels like: Optimism, Warmth, Comfort, Balance. Tagged warm.

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

• Quiet Tangerine color palette (#FED6D0, #F77845, #9C5000, #6A4000, #383903)
• Quiet Rust color palette (#FDE9E8, #F8A093, #E56E4B, #BF4D0E, #572600)
• Ancient Peony color palette (#F4DFEE, #DD5BA0, #B23D63, #802C35, #59271F)
• Ancient Cabin color palette (#FBE2D3, #BD8A65, #934D33, #623533, #342F2A)
• Sunlit Scarlet Ridge color palette (#FFE7E6, #E52800, #7C3600, #452400, #1E1A00)
• Pale Ember color palette (#FFEADD, #DD642C, #0086A3, #8B3B14, #003C4B)
• Worn Meadow color palette (#FFE1D6, #A55100, #533300, #2E1E00, #0B1201)
• Ancient Cocoa Studio color palette (#FFF2E9, #E6E1B2, #B6B07B, #955F5C, #623A00)

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