Coral Field color palette — #FDF0FE · #FFC1C8 · #A8B5FF · #C76977 · #2F355A

Coral Clay takes the lead with Lavender close behind in a set that reads as creativity and balance at first glance.

The five colors

• Blush (#FDF0FE): A whisper-light, dusty pink — the color of neon signs at night.
• Shell Pink (#FFC1C8): A whisper-light, dusty red — the color of embers at dusk.
• Lavender (#A8B5FF): A luminous, balanced violet — the color of wild irises.
• Coral Clay (#C76977): A luminous, balanced red — the color of a theater curtain.
• Navy (#2F355A): A deep, shadowed, dusty violet — the color of wild irises.

Feels like: Creativity, Balance. Tagged light.

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

• Pale Drift color palette (#FFF0F9, #FFC5AC, #D4A1FF, #CE6A3B, #353453)
• Sky Corridor color palette (#F6F3FF, #FABDF4, #54C9FE, #B36CAE, #0B3E53)
• Chalky Aqua color palette (#FFF0FD, #FFB6B0, #3CD6D4, #DB827C, #1E4954)
• Soft Rose Delta color palette (#FCF1FE, #FFC1CA, #C9BF41, #D15F78, #3D3A0E)
• Ancient Taupe color palette (#FFF0FA, #D9D9CD, #D69491, #91A1A7, #594551)
• Gentle Lime Atelier color palette (#FFF0F8, #F3A67E, #A9B418, #BF76A4, #3B2230)
• Coral Boulevard color palette (#FFF0FB, #EDD8C6, #E67A5E, #8F3F2C, #381209)
• Terracotta Orchard color palette (#FFEEE7, #DD8987, #319F9F, #9D4546, #002E2E)

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