Coral Field color palette — #FAD5DE · #EC625B · #AF4B00 · #623E00 · #2D2A00

Coral Clay and Terracotta set the tone — five colors that lean into nature and growth.

The five colors

• Shell Pink (#FAD5DE): A whisper-light, dusty red — the color of embers at dusk.
• Coral Clay (#EC625B): A luminous, vivid orange — the color of toasted spice.
• Terracotta (#AF4B00): A full-bodied, balanced orange — the color of toasted spice.
• Bronze (#623E00): A deep, shadowed, balanced gold — the color of old brass.
• Espresso (#2D2A00): A deep, shadowed, dusty green — the color of a quiet forest floor.

Feels like: Nature, Growth, 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

• Tempered Coral Drift color palette (#F5E2E0, #F3825E, #B85700, #734100, #3F3B00)
• Faded Drift color palette (#F4DBDB, #D15C37, #774600, #493300, #171900)
• Amber Grove color palette (#FFF1F0, #FFB19A, #E87100, #8C5500, #4F3200)
• Weathered Veranda color palette (#FBE3FB, #E369A2, #BD1E45, #802A00, #392300)
• Tempered Bronze color palette (#FFEAE3, #9F5800, #5B4300, #292700, #030C00)
• Patina Bronze color palette (#FFE3CE, #B99B66, #9C5623, #73252B, #1E1E00)
• Bronze Drift color palette (#ECDCD3, #CB9555, #977C11, #505909, #0E3112)
• Tempered Station color palette (#FFEEE1, #F78525, #007BBB, #8C4500, #00233A)

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