Terracotta Field color palette — #FFDAD7 · #D16F67 · #9E1C21 · #580006 · #2F0002

Built around Garnet, softened by Coral Clay — the whole palette hums with warmth and comfort.

The five colors

• Shell Pink (#FFDAD7): A whisper-light, dusty orange — the color of autumn markets.
• Coral Clay (#D16F67): A luminous, balanced orange — the color of toasted spice.
• Garnet (#9E1C21): A full-bodied, vivid orange — the color of sun-warmed clay.
• Espresso (#580006): A deep, shadowed, balanced orange — the color of toasted spice.
• Ink (#2F0002): A deep, shadowed, dusty orange — the color of sun-warmed clay.

Feels like: Warmth, Comfort, Balance. Tagged monochrome, warm.

Use it as a design system

One click turns Terracotta Field 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 Terracotta color palette (#FFF0EC, #DD9278, #A04123, #5D1800, #3D0A00)
• Frosted Grove color palette (#FFDDEA, #D1709C, #8F1E5C, #4E002D, #31001B)
• Sunlit Parlor color palette (#FFDDC2, #D37F3A, #7D4500, #3E1E00, #241000)
• Hushed Balcony color palette (#FFE1DE, #FFA196, #FF494A, #B92C2D, #2F0001)
• Amber Loft color palette (#FFE8DF, #FFB79E, #D78E50, #913C4B, #36302C)
• Feathered Bronze color palette (#FFF3E7, #E8AF81, #A06532, #6A3A00, #4A2600)
• Wandering Veranda color palette (#FEE7CE, #9C6300, #513200, #1D0E00, #070200)
• Soft Courtyard color palette (#F4D8BF, #905000, #03651C, #5D144C, #2A1500)

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