Tempered Coral Workshop color palette — #FCD3D1 · #FF5B49 · #C13800 · #823100 · #4E2000

A conversation between Watermelon and Terracotta, giving this palette its sense of optimism and warmth.

The five colors

• Shell Pink (#FCD3D1): A whisper-light, dusty orange — the color of toasted spice.
• Watermelon (#FF5B49): A luminous, vivid orange — the color of toasted spice.
• Terracotta (#C13800): A full-bodied, vivid orange — the color of sun-warmed clay.
• Rust (#823100): A full-bodied, balanced orange — the color of toasted spice.
• Espresso (#4E2000): A deep, shadowed, balanced orange — the color of sun-warmed clay.

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

Use it as a design system

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

• Frosted Blush color palette (#FDDBE3, #FF6086, #D1334C, #8A1F24, #511D15)
• Ember Station color palette (#F5DCD7, #FC8159, #D46318, #8A4714, #522E09)
• Aged Grove color palette (#FFE5F1, #F37C8E, #D13B24, #6E3900, #291D00)
• Patina Terrace color palette (#F9E0EE, #D78957, #AB562F, #733B2E, #361A26)
• Tangerine Corridor color palette (#F3D4E4, #EE6D10, #339F3D, #9F4400, #013307)
• Hushed Bronze color palette (#F0DDCC, #AB6D00, #724E00, #3C2C00, #1F1700)
• Pale Loft color palette (#FFECE0, #CB6700, #708500, #994975, #341600)
• Quiet Thicket color palette (#FFE6F0, #FFC677, #D7B74F, #AA7051, #442631)

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