Coral Field color palette — #FFF2ED · #FFCAC1 · #FF8E80 · #B56564 · #4B1F1B

Built around Salmon, softened by Mocha — the whole palette hums with warmth and comfort.

The five colors

• Ivory (#FFF2ED): bright and airy, almost weightless.
• Shell Pink (#FFCAC1): A whisper-light, dusty orange — the color of sun-warmed clay.
• Salmon (#FF8E80): A luminous, balanced orange — the color of sun-warmed clay.
• Mocha (#B56564): A full-bodied, balanced orange — the color of sun-warmed clay.
• Espresso (#4B1F1B): A deep, shadowed, dusty orange — the color of sun-warmed clay.

Feels like: Warmth, Comfort, Balance. Tagged monochrome, 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

• Chalky Apricot color palette (#FFF3E9, #FFD2AC, #F19242, #B06931, #452302)
• Blush Meadow color palette (#FFF2F0, #FFC4D9, #EA88BC, #AC5E7A, #492131)
• Muted Summit color palette (#FFF0FC, #FFB1A8, #D97069, #96463E, #4E1D1C)
• Hushed Garnet Bloom color palette (#FFEAFD, #E9A59E, #A96057, #6E2820, #2D0002)
• Feathered Tangerine Studio color palette (#FFE1D2, #FFAC8C, #F26D00, #A34E00, #351200)
• Weathered Harbor color palette (#FBF3EF, #FFC6B2, #00CAA9, #DE8869, #1E2718)
• Antique Amber color palette (#FEF3EB, #DCD998, #D17B53, #835743, #2A1F17)
• Softworn Glacier color palette (#E5EDFF, #1CEAF5, #FFACBB, #715751, #2F2522)

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