Coral Field color palette — #F0D7E3 · #FF6E5D · #AF6000 · #5C4E00 · #132B00

Watermelon takes the lead with Ochre close behind in a set that reads as nature and growth at first glance.

The five colors

• Shell Pink (#F0D7E3): A whisper-light, dusty rose — the color of a warm blush.
• Watermelon (#FF6E5D): A luminous, vivid orange — the color of autumn markets.
• Ochre (#AF6000): A full-bodied, balanced gold — the color of old brass.
• Deep Olive (#5C4E00): A full-bodied, balanced green — the color of fresh herbs.
• Deep Forest (#132B00): A deep, shadowed, dusty green — the color of new leaves after rain.

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

• Hazy Harbor color palette (#FFF1F3, #F99984, #B96200, #544200, #131500)
• Dusty Tangerine Loft color palette (#F9D7D7, #EA7C00, #837400, #265900, #00301F)
• Ancient Amber Station color palette (#F5E2D9, #D27426, #7F4B00, #492F00, #2D2000)
• Chalky Peony Boulevard color palette (#F4EAF7, #FD64A8, #C53521, #663C00, #2A2500)
• Rose Terrace color palette (#E9DFAF, #EA5A70, #806500, #13497B, #3B1909)
• Bronze Parlor color palette (#FFE5E0, #A87300, #5B5800, #093500, #00100C)
• Worn Apricot color palette (#FFE7E3, #FFAF70, #AE943C, #517434, #004833)
• Antique Bronze color palette (#F7ECE8, #E2D5C8, #BFB7A2, #A25A54, #372B26)

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