Terracotta Lagoon color palette — #FFF2ED · #F1796B · #007847 · #A3060A · #1A2008

A conversation between Garnet and Watermelon, giving this palette its sense of nature and growth.

The five colors

• Ivory (#FFF2ED): bright and airy, almost weightless.
• Watermelon (#F1796B): A luminous, balanced orange — the color of toasted spice.
• Pine (#007847): A full-bodied, balanced teal — the color of shallow lagoons.
• Garnet (#A3060A): A full-bodied, vivid orange — the color of sun-warmed clay.
• Onyx (#1A2008): A deep, shadowed, dusty green — the color of fresh herbs.

Feels like: Nature, Growth, Balance. Tagged duotone.

Use it as a design system

One click turns Terracotta Lagoon 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

• Tempered Meadow color palette (#FEF3EB, #D77F55, #006B6F, #823400, #0A1D0D)
• Softworn Mulberry color palette (#FFF2F0, #E977A1, #576F00, #9D0055, #211D02)
• Apricot Bloom color palette (#FEECF4, #F8841F, #6E7000, #8C4500, #000D07)
• Hushed Veranda color palette (#FAF4ED, #CEA773, #007F7F, #825500, #1B281B)
• Softworn Parlor color palette (#FFF3E9, #FFA05E, #8C8C00, #B65B00, #241C00)
• Aubergine Basin color palette (#FFF3E9, #D76819, #506B00, #551E95, #473109)
• Patina Apricot Loft color palette (#FFE0DD, #E78B30, #787100, #155802, #004431)
• Amber Balcony color palette (#FAF1DE, #A78D00, #005E76, #544600, #00151D)

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