Terracotta Lagoon color palette — #FFD9E3 · #9A0607 · #531E00 · #1D1100 · #020100

Garnet takes the lead with Espresso close behind in a set that reads as optimism and warmth at first glance.

The five colors

• Shell Pink (#FFD9E3): A whisper-light, dusty red — the color of late-summer berries.
• Garnet (#9A0607): A full-bodied, vivid orange — the color of toasted spice.
• Espresso (#531E00): A deep, shadowed, balanced orange — the color of toasted spice.
• Ink (#1D1100): A deep, shadowed, dusty gold — the color of old brass.
• Black (#020100): quiet, heavy and certain.

Feels like: Optimism, Warmth, Comfort, Depth, Luxury. Tagged dark, muted, warm.

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

• Inked Cocoa Summit color palette (#FDDBD2, #7D3C00, #3B2600, #151500, #000200)
• Mulberry Coast color palette (#F2DCF3, #900058, #510011, #260600, #040100)
• Shadow Byzantium color palette (#D8E8FA, #AC00B3, #712500, #0E0C03, #040002)
• Brick Coast color palette (#FEE6EF, #BA3846, #793800, #392400, #0C0800)
• Cellar Cocoa color palette (#ECD9E1, #753A00, #00405E, #321500, #000103)
• Smoked Cocoa Parlor color palette (#EDE0D5, #592F00, #003456, #16183A, #030100)
• Patina Terrace color palette (#FDD5D2, #D05E15, #7E4A00, #372F00, #111900)
• Garnet Boulevard color palette (#FCE4D9, #9A8C4B, #007548, #5B0429, #030100)

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