Terracotta Terrace color palette — #D1EAF6 · #008DA4 · #AA4200 · #004450 · #030000

Terracotta takes the lead with Cerulean close behind in a set that reads as trust and stability at first glance.

The five colors

• Frost (#D1EAF6): A whisper-light, dusty blue — the color of deep harbor water.
• Cerulean (#008DA4): A full-bodied, balanced blue — the color of deep harbor water.
• Terracotta (#AA4200): A full-bodied, balanced orange — the color of sun-warmed clay.
• Deep Teal (#004450): A deep, shadowed, dusty blue — the color of a favorite pair of jeans.
• Black (#030000): A deep, shadowed, dusty orange — the color of sun-warmed clay.

Feels like: Trust, Stability, Optimism, Balance. Tagged 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

• Cobalt Drift color palette (#D4E6F8, #0C80DC, #935700, #003D6F, #020100)
• Plum Basin color palette (#D9EDF1, #00918A, #B9006B, #004642, #040001)
• Misty Summit color palette (#D1E7DA, #006A81, #900900, #00323F, #260100)
• Mulberry Market color palette (#CEE3F1, #006F9F, #A60035, #623600, #000103)
• Powdered Nightshade Pier color palette (#D7E6FF, #5377DC, #865F00, #1200B6, #020100)
• Softworn Market color palette (#D5ECD4, #9A852A, #694500, #3A1500, #010100)
• Weathered Azure Bloom color palette (#B5E9FF, #00A0DB, #005B77, #001721, #000103)
• Airy Orchard color palette (#C7E5F4, #00667B, #71008D, #002F3A, #07000B)

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