Terracotta Pier color palette — #FFF1F4 · #92609E · #923C31 · #264B00 · #311F32

Burnt Sienna and Slate set the tone — five colors that lean into nature and growth.

The five colors

• Ivory (#FFF1F4): bright and airy, almost weightless.
• Slate (#92609E): A full-bodied, balanced pink — the color of peonies in June.
• Burnt Sienna (#923C31): A full-bodied, balanced orange — the color of toasted spice.
• Deep Olive (#264B00): A deep, shadowed, balanced green — the color of new leaves after rain.
• Onyx (#311F32): A deep, shadowed, dusty pink — the color of a candy shop window.

Feels like: Nature, Growth, Creativity, Balance. Tagged jewel, vibrant.

Use it as a design system

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

• Antique Driftwood color palette (#FFF2EF, #B4647B, #8B4E1A, #094E2B, #3A2632)
• Violet Workshop color palette (#FFF1F5, #8D68B6, #814261, #554300, #1E3326)
• Iris Delta color palette (#FEF1F9, #7D81C5, #904F36, #04563A, #004140)
• Dusty Iris Corridor color palette (#F8F7DC, #8D90D5, #8A5679, #005C44, #50333F)
• Patina Mulberry Basin color palette (#E9FAF1, #008DAF, #88365A, #494300, #142E22)
• Plum Hollow color palette (#FFE9E8, #AA0074, #6E3200, #003520, #0F0C42)
• Pewter Station color palette (#FBF2F6, #E5D8D4, #CCBCB3, #746C9C, #50434A)
• Hushed Corridor color palette (#F2DFE3, #9750A3, #462926, #2B191D, #130A0A)

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