Terracotta Terrace color palette — #F8EEF7 · #758CC2 · #A34C44 · #1A5D37 · #21151F

Built around Brick, softened by Pine — the whole palette hums with nature and growth.

The five colors

• Blush (#F8EEF7): bright and airy, almost weightless.
• Slate Blue (#758CC2): A luminous, balanced violet — the color of a velvet chair.
• Brick (#A34C44): A full-bodied, balanced orange — the color of toasted spice.
• Pine (#1A5D37): A full-bodied, balanced teal — the color of sea glass.
• Ink (#21151F): A deep, shadowed, dusty pink — the color of neon signs at night.

Feels like: Nature, Growth, Creativity, Sophistication. Tagged jewel, vibrant, muted.

Use it as a design system

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

• Bronze Orchard color palette (#F8EEF6, #7285C0, #955A05, #00525C, #221420)
• Lagoon Villa color palette (#EDF4EC, #28A198, #9D5054, #185944, #131C12)
• Wandering Balcony color palette (#F9EEF4, #8079C0, #8F5989, #524B01, #231921)
• Hushed Cornflower color palette (#FCF1FA, #6982D6, #925426, #485427, #2B3A2F)
• Washed Driftwood color palette (#F0F4E6, #87AEE2, #96658F, #375C3F, #372630)
• Hushed Peony color palette (#FFEDEC, #BB628F, #7D5100, #005156, #210B0B)
• Worn Amethyst Hollow color palette (#FFECF4, #7C4ED2, #952800, #004842, #1D0211)
• Aged Driftwood color palette (#F6F0F4, #DED5D3, #B6B0A3, #9A758F, #3B3339)

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