Coral Field color palette — #F3DAE4 · #FA6774 · #BD4900 · #714200 · #362800

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

The five colors

• Shell Pink (#F3DAE4): A whisper-light, dusty rose — the color of pressed rose petals.
• Watermelon (#FA6774): A luminous, vivid red — the color of late-summer berries.
• Terracotta (#BD4900): A full-bodied, vivid orange — the color of autumn markets.
• Bronze (#714200): A full-bodied, balanced gold — the color of old brass.
• Espresso (#362800): 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 Coral Field 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 Drift color palette (#FFD3DB, #FF938F, #CA4300, #723B00, #281C00)
• Scarlet Drift color palette (#F9E2F2, #F1659D, #DB0320, #793300, #3C2500)
• Feathered Amber Garden color palette (#F4E0E3, #F08975, #CA6300, #815700, #444007)
• Tangerine Lantern color palette (#F8E6E2, #EC7130, #9F6800, #5F5300, #223200)
• Rust Drift color palette (#EEDFE7, #C7944C, #B74C05, #753641, #0C2B1D)
• Ancient Tangerine Parlor color palette (#F1D5E4, #FF813F, #0090C8, #8B3800, #002D42)
• Antique Harbor color palette (#FFD7BA, #F19636, #A16300, #5D3300, #281100)
• Tangerine Balcony color palette (#EEE1F4, #8DA5FF, #FF682F, #472115, #1F0F1A)

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