Coral Field color palette — #FFF1F1 · #FF90AE · #FF5B63 · #BE4D00 · #530A08
Watermelon and Terracotta set the tone — five colors that lean into optimism and warmth.
The five colors
- Ivory (#FFF1F1): a clean, paper-quiet neutral.
- Ballet Pink (#FF90AE): A luminous, balanced red — the color of late-summer berries.
- Watermelon (#FF5B63): A luminous, vivid orange — the color of sun-warmed clay.
- Terracotta (#BE4D00): A full-bodied, vivid orange — the color of sun-warmed clay.
- Espresso (#530A08): A deep, shadowed, balanced orange — the color of toasted spice.
Feels like: Optimism, Warmth, Comfort, Energy, Balance. Tagged candy, vibrant, light, 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
- Ember Pier color palette (#FFF2EB, #FF9A97, #FB531E, #9A5900, #491B00)
- Peony Garden color palette (#FFF2EF, #FF98D7, #FF3E8C, #CD0030, #4D001A)
- Hazy Coral Study color palette (#FFEDE8, #FF8DDA, #FF6B6B, #B56400, #270200)
- Amber Atelier color palette (#FFF3E7, #FFA575, #CA7C00, #8A6A00, #402700)
- Timeworn Pier color palette (#FFF2ED, #E6D7D2, #F9B0A1, #B78466, #6B320C)
- Electric Alley color palette (#FFF1F1, #FA73FC, #F919B3, #D01A5B, #470128)
- Scarlet Field color palette (#F9EAE1, #E8002A, #AD3E00, #522F00, #0D0200)
- Linen Tangerine Pier color palette (#FBDAD5, #E97230, #8B602E, #3F5826, #1A4823)
Browse the whole catalog at Explore, or see today's palette.