Coral Garden color palette — #FFF1F2 · #DB8DCC · #D96C7A · #537500 · #2F1124

A conversation between Coral Clay and Olive, giving this palette its sense of nature and growth.

The five colors

• Ivory (#FFF1F2): bright and airy, almost weightless.
• Bubblegum (#DB8DCC): A luminous, balanced pink — the color of neon signs at night.
• Coral Clay (#D96C7A): A luminous, balanced red — the color of late-summer berries.
• Olive (#537500): A full-bodied, balanced green — the color of new leaves after rain.
• Deep Indigo (#2F1124): A deep, shadowed, dusty pink — the color of a candy shop window.

Feels like: Nature, Growth, Creativity, Warmth, Comfort, Balance. Tagged jewel, vibrant, warm.

Use it as a design system

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

• Soft Ember Parlor color palette (#FFF1F2, #DA82C3, #E66B4A, #00886F, #310F15)
• Lilac Corridor color palette (#FFF1F7, #AA90EF, #BF6AA7, #727900, #2F1827)
• Chalky Pine Loft color palette (#FEECF7, #A5AAF3, #D277B4, #007E3B, #241E61)
• Hazy Ember Lantern color palette (#FFE4E1, #FD569F, #F73115, #00796A, #2C001A)
• Frosted Amber Garden color palette (#FDE4D7, #DA7257, #A37700, #006C8D, #2B0501)
• Wisteria Workshop color palette (#F8E6EA, #BD7FCE, #7F554D, #50333A, #140910)
• Powdered Market color palette (#FFF0FE, #77AAFF, #AF6CCE, #896A00, #021D37)
• Frosted Bloom color palette (#FFE3E4, #CE4DAD, #C42C4A, #415B00, #08001F)

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