Coral Field color palette — #DFFFE3 · #FE777C · #937C00 · #3651B1 · #512914

Built around Watermelon, softened by Cobalt — the whole palette hums with nature and growth.

The five colors

• Honeydew (#DFFFE3): A whisper-light, dusty green — the color of a quiet forest floor.
• Watermelon (#FE777C): A luminous, vivid red — the color of a theater curtain.
• Olive Leaf (#937C00): A full-bodied, balanced green — the color of new leaves after rain.
• Cobalt (#3651B1): A full-bodied, balanced violet — the color of a velvet chair.
• Espresso (#512914): A deep, shadowed, dusty orange — the color of sun-warmed clay.

Feels like: Nature, Growth, Optimism, Creativity, Balance. Tagged retro.

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

• Dusty Villa color palette (#FFF3E3, #FFA0A5, #A08300, #384AB6, #401D0B)
• Muted Blush Meadow color palette (#DAFFEF, #F672BB, #B36900, #00628B, #582126)
• Powdered Ember color palette (#CCE7CB, #DB6D57, #6F6D00, #383B8E, #381C00)
• Weathered Olive color palette (#FFE7EF, #D88C66, #6B822E, #504E84, #203721)
• Moss Market color palette (#FFF3E9, #F28924, #589913, #5B3AA1, #453200)
• Washed Amber Villa color palette (#FFF4E2, #CB7133, #745D00, #004D61, #4E2D00)
• Washed Chapel color palette (#DEFFE5, #FFA973, #BD9900, #0088A7, #4A2F0F)
• Hushed Blush Basin color palette (#FCF1FF, #F3628F, #008D65, #6636A1, #3C1964)

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