Tempered Coral color palette — #FFF1F5 · #FFD0D8 · #FF7677 · #AA5D4D · #532E1A

Built around Watermelon, softened by Ochre — the whole palette hums with optimism and warmth.

The five colors

• Ivory (#FFF1F5): a clean, paper-quiet neutral.
• Shell Pink (#FFD0D8): A whisper-light, dusty red — the color of embers at dusk.
• Watermelon (#FF7677): A luminous, vivid orange — the color of autumn markets.
• Ochre (#AA5D4D): A full-bodied, balanced orange — the color of toasted spice.
• Espresso (#532E1A): A deep, shadowed, dusty orange — the color of toasted spice.

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

• Chalky Rust color palette (#F5DBEA, #D5889E, #AF5851, #82391E, #421F01)
• Airy Ridge color palette (#F5F3FF, #FFD0F1, #E46BAB, #9E4C65, #4C314E)
• Ember Meadow color palette (#FFEBEA, #FF937C, #D35700, #753D00, #331E00)
• Blush Veranda color palette (#FFEAFA, #FFB6C8, #F6898B, #B77654, #39553A)
• Apricot Parlor color palette (#FFF2F0, #FFCBB8, #F38537, #9E6410, #334E35)
• Aqua Coast color palette (#FFF0FC, #FFC3BA, #00D3E0, #C96B5E, #004146)
• Amber Market color palette (#FFF2EC, #FFB774, #BF8300, #816400, #443C00)
• Hushed Bronze color palette (#FBE6DE, #B15B00, #653B00, #251800, #020100)

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