Terracotta Pier color palette — #F4F7EA · #7AB67F · #627EC0 · #953E39 · #363C00

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

The five colors

• Ivory (#F4F7EA): bright and airy, almost weightless.
• Jade (#7AB67F): A luminous, balanced green — the color of a quiet forest floor.
• Slate Blue (#627EC0): A luminous, balanced violet — the color of wild irises.
• Burnt Sienna (#953E39): A full-bodied, balanced orange — the color of toasted spice.
• Deep Olive (#363C00): A deep, shadowed, dusty green — the color of new leaves after rain.

Feels like: Nature, Growth, Creativity, Balance. Tagged warm.

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

• Iris Atelier color palette (#F0F8EA, #66B79E, #8571BF, #8D4900, #00432E)
• Dusty Mulberry color palette (#F4F7EB, #74B780, #7C74C2, #953B4F, #5D240D)
• Hushed Mulberry color palette (#FAF5E6, #ACA95E, #008FA9, #963368, #3D3A00)
• Gentle Mint color palette (#E8F9FC, #00D8BD, #9D76BD, #824C34, #3E1E32)
• Ancient Archive color palette (#F2F5DD, #BCC9B4, #85AE9C, #9A6A60, #664B00)
• Driftwood Canyon color palette (#FBF4EC, #D0C3A1, #809962, #3E806F, #534000)
• Antique Alley color palette (#D1E8DB, #0095B8, #AB2463, #2A4D00, #002716)
• Plum Thicket color palette (#E5F7EC, #24A6C1, #A05385, #565300, #003238)

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