Coral Field color palette — #ECF2FF · #F7D1E2 · #FF928A · #1779A4 · #312447

A conversation between Melon and Cerulean, giving this palette its sense of trust and stability.

The five colors

• Ivory (#ECF2FF): a clean, paper-quiet neutral.
• Shell Pink (#F7D1E2): A whisper-light, dusty rose — the color of strawberry cream.
• Melon (#FF928A): A luminous, balanced orange — the color of toasted spice.
• Cerulean (#1779A4): A full-bodied, balanced blue — the color of a favorite pair of jeans.
• Deep Indigo (#312447): A deep, shadowed, dusty violet — the color of a velvet chair.

Feels like: Trust, Stability, Balance. Tagged pastel, light, muted.

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

• Antique Thicket color palette (#E7F4FF, #DFD9FF, #F892C9, #007C77, #162A45)
• Soft Coral color palette (#E9ECFF, #EEA5DE, #E98574, #155F8C, #17162D)
• Muted Stone color palette (#F2EFFF, #ECD0DE, #E2B989, #797EAA, #362D41)
• Tempered Field color palette (#F6F3FF, #EED2E4, #DEA1DC, #6763A4, #4E3C62)
• Aged Marigold color palette (#FFEBF8, #FFB4AE, #C89800, #6F56A8, #37071C)
• Washed Thicket color palette (#F3DCF8, #D1777D, #9F6C00, #3A357A, #140005)
• Soft Jade Thicket color palette (#EEF1FF, #00C682, #513497, #221741, #050613)
• Marigold Corridor color palette (#FFDFEA, #BC9D1B, #985B02, #683127, #172000)

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