Terracotta Terrace color palette — #E8FBEC · #00838D · #8E3906 · #623012 · #2C2814

Burnt Sienna and Teal set the tone — five colors that lean into trust and stability.

The five colors

• Ivory (#E8FBEC): A whisper-light, dusty teal — the color of sea glass.
• Teal (#00838D): A full-bodied, balanced blue — the color of deep harbor water.
• Burnt Sienna (#8E3906): A full-bodied, balanced orange — the color of sun-warmed clay.
• Cocoa (#623012): A deep, shadowed, balanced orange — the color of toasted spice.
• Onyx (#2C2814): A deep, shadowed, dusty green — the color of fresh herbs.

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

• Quiet Corridor color palette (#E4FBF5, #0083C8, #8D4D1A, #673A19, #262D1B)
• Washed Thicket color palette (#E6FBF3, #0084BE, #594FA1, #6B2D22, #292D17)
• Feathered Summit color palette (#D9FFEE, #006797, #6C2A00, #481A00, #001C0B)
• Tempered Turquoise Ridge color palette (#FFF3E5, #00A8CC, #5D63A2, #64481F, #22453B)
• Muted Lagoon color palette (#F0F8EB, #008D70, #744886, #5E3662, #332A1B)
• Soft Grove color palette (#FAEDF7, #6D81C7, #43559B, #622A05, #011709)
• Hushed Alley color palette (#EFF7F2, #CEE0E3, #D6C3D0, #3D7E91, #424A45)
• Washed Iris color palette (#F0F5FF, #7191E2, #9A5C8F, #884567, #16322F)

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