Coral Garden color palette — #AFF3F3 · #39E3E5 · #E96163 · #009B9D · #5C000F

Coral Clay and Lagoon set the tone — five colors that lean into calm and balance.

The five colors

• Sea Foam (#AFF3F3): A whisper-light, dusty teal — the color of shallow lagoons.
• Lagoon (#39E3E5): A whisper-light, balanced teal — the color of sea glass.
• Coral Clay (#E96163): A luminous, vivid orange — the color of autumn markets.
• Cerulean (#009B9D): A luminous, balanced teal — the color of glacier melt.
• Espresso (#5C000F): A deep, shadowed, balanced orange — the color of sun-warmed clay.

Feels like: Calm, Balance. Tagged cool.

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

• Hazy Lantern color palette (#B1F5E4, #39E7C9, #E95599, #009E88, #580030)
• Powdered Amber Quarry color palette (#C7F0DC, #78D7FF, #E66B0D, #0095C2, #4D1E00)
• Timeworn Rose color palette (#E4FAFF, #2EDCD2, #EF464A, #007B75, #410005)
• Muted Canyon color palette (#CDEFD6, #00B2C7, #E84484, #007785, #59002A)
• Muted Cerulean color palette (#E1FDF0, #6ED3FF, #FFAB75, #009AC9, #5D2A00)
• Hushed Crimson color palette (#E1F1F6, #00999B, #D30041, #005859, #310008)
• Washed Lagoon color palette (#CEE8FF, #69BDFF, #FB9523, #0084CD, #462400)
• Hushed Fuchsia color palette (#DAECC2, #39EAAC, #FF5CDD, #008A61, #530045)

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