Terracotta Lagoon color palette — #FFF2EB · #FDC38D · #D07653 · #9B3A46 · #342500

A conversation between Garnet and Coral Clay, giving this palette its sense of optimism and warmth.

The five colors

• Ivory (#FFF2EB): bright and airy, almost weightless.
• Cantaloupe (#FDC38D): A whisper-light, balanced gold — the color of old brass.
• Coral Clay (#D07653): A luminous, balanced orange — the color of sun-warmed clay.
• Garnet (#9B3A46): A full-bodied, balanced red — the color of embers at dusk.
• Espresso (#342500): A deep, shadowed, dusty gold — the color of afternoon light on wheat.

Feels like: Optimism, Warmth, Comfort, Balance, Grounding. Tagged earthy, 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

• Wandering Terrace color palette (#FFF3E5, #E2D087, #C48200, #994200, #262C00)
• Faded Amber color palette (#FFE3D1, #DE874D, #A44F26, #702A1A, #2C1600)
• Tangerine Alley color palette (#FFE6F5, #FCB58A, #F27F4B, #BE614C, #4B2938)
• Pale Balcony color palette (#FFE6F5, #D4893F, #A14E2D, #723239, #1E3D26)
• Weathered Basalt color palette (#FEF3EB, #E0DDC3, #CAA68C, #9E6B68, #523B00)
• Gentle Amber Chapel color palette (#FFF1F1, #FFC4A3, #C48900, #646200, #182C00)
• Dusty Chestnut Harbor color palette (#F2E3D0, #A79A61, #815600, #522100, #030400)
• Feathered Plum color palette (#FFF2EE, #DEDF81, #AB4258, #5B0020, #160100)

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