Coral Field color palette — #FFF1F1 · #FFCED5 · #F5626B · #9D0029 · #2A000C

Watermelon and Garnet set the tone — five colors that lean into warmth and comfort.

The five colors

• Ivory (#FFF1F1): a clean, paper-quiet neutral.
• Shell Pink (#FFCED5): A whisper-light, dusty red — the color of late-summer berries.
• Watermelon (#F5626B): A luminous, vivid red — the color of embers at dusk.
• Garnet (#9D0029): A full-bodied, vivid red — the color of embers at dusk.
• Ink (#2A000C): A deep, shadowed, dusty red — the color of late-summer berries.

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

• Powdered Peony Canyon color palette (#FFF1F5, #FFCFDE, #F25AA5, #910049, #33001A)
• Chalky Garden color palette (#FFF2EC, #EDD9B8, #F46406, #8F3000, #240D00)
• Patina Boulevard color palette (#FFEDEE, #FF889B, #C52D50, #6D001A, #280006)
• Pale Terracotta Station color palette (#FFF2EA, #EF935D, #A74600, #401200, #030100)
• Quiet Lantern color palette (#FFF2EC, #D7E280, #B53B20, #590E00, #120400)
• Scarlet Parlor color palette (#FFF2EC, #FFCABD, #00AC78, #E03400, #070C00)
• Terracotta Lantern color palette (#FFF3E6, #DDD199, #C0833A, #A82D0F, #202D00)
• Amber Thicket color palette (#FFD89F, #D28900, #784500, #221100, #020100)

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