Coral Field color palette — #F9F2FF · #EFD6D0 · #F9938C · #B07355 · #5E424E

Melon and Mocha set the tone — five colors that lean into optimism and warmth.

The five colors

• Ivory (#F9F2FF): bright and airy, almost weightless.
• Bone (#EFD6D0): A whisper-light, dusty orange — the color of autumn markets.
• Melon (#F9938C): A luminous, balanced orange — the color of autumn markets.
• Mocha (#B07355): A luminous, balanced orange — the color of sun-warmed clay.
• Cocoa (#5E424E): A full-bodied, dusty rose — the color of pressed rose petals.

Feels like: Optimism, Warmth, Comfort, Sophistication. Tagged light, muted, 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

• Muted Blush color palette (#F5F4FF, #FFD3F4, #F494BC, #AD6771, #64495D)
• Patina Cocoa color palette (#FFEAE5, #FFBDBE, #EE9F9A, #B7857A, #773E15)
• Antique Alley color palette (#FFEFFF, #EEDCC4, #EDA268, #9A733C, #395746)
• Softworn Driftwood color palette (#FFEAEB, #E09DAC, #B47268, #7F512F, #38332D)
• Muted Delta color palette (#FFDEDD, #FF8967, #B45D00, #5B3C00, #2B2400)
• Glacier Veranda color palette (#FFF0FA, #F0D9C1, #74DFE9, #CA8672, #254C59)
• Worn Amber Thicket color palette (#FFF2EF, #FFAE74, #BF7400, #7A5B00, #2E2E00)
• Softworn Stone Hollow color palette (#ECF9F1, #BFE5E9, #B9B076, #698269, #314341)

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