Coral Grove color palette — #FFF2ED · #DC8386 · #58976B · #156C8E · #240E14

Watermelon and Peacock set the tone — five colors that lean into nature and growth.

The five colors

• Ivory (#FFF2ED): bright and airy, almost weightless.
• Watermelon (#DC8386): A luminous, balanced red — the color of a theater curtain.
• Fern (#58976B): A luminous, balanced teal — the color of shallow lagoons.
• Peacock (#156C8E): A full-bodied, balanced blue — the color of open sky before noon.
• Ink (#240E14): A deep, shadowed, dusty red — the color of late-summer berries.

Feels like: Nature, Growth, Trust, Stability, Balance. Tagged jewel, vibrant, muted.

Use it as a design system

One click turns Coral Grove 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

• Hushed Blush Parlor color palette (#FFF1F2, #E88BBC, #778C3E, #006968, #2A1221)
• Softworn Apricot Workshop color palette (#FDF3EB, #E1A37E, #449D95, #617199, #321D1D)
• Hazy Apricot Balcony color palette (#FFF2EA, #FAA17B, #6C9856, #006584, #391F3F)
• Misty Nightshade color palette (#FFF3E6, #E58E00, #008EA0, #5241A9, #290803)
• Ember Station color palette (#FFF2EB, #EC5100, #007C66, #003D6B, #10000C)
• Softworn Amber color palette (#FFF4E2, #FFB8A3, #B38A49, #16707A, #36302C)
• Pale Olive Meadow color palette (#F9EDF9, #C3636E, #526E00, #273971, #1D0E1E)
• Sunlit Aubergine Bloom color palette (#FFF4E1, #9F7500, #006A84, #432979, #040100)

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