Terracotta Field color palette — #EFF1FC · #8570AE · #97373D · #204F00 · #081525

Garnet and Deep Olive set the tone — five colors that lean into nature and growth.

The five colors

• Ivory (#EFF1FC): bright and airy, almost weightless.
• Slate (#8570AE): A full-bodied, balanced violet — the color of a velvet chair.
• Garnet (#97373D): A full-bodied, balanced red — the color of embers at dusk.
• Deep Olive (#204F00): A deep, shadowed, balanced green — the color of a quiet forest floor.
• Ink (#081525): A deep, shadowed, dusty blue — the color of deep harbor water.

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

Use it as a design system

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

• Forest Alley color palette (#EBF2FC, #6C8EC5, #964858, #144F00, #051C42)
• Softworn Forest color palette (#F4EFFB, #A37497, #8D5935, #005F34, #191D2C)
• Dusty Mulberry Lantern color palette (#EAF3FF, #5077B7, #843C7B, #503800, #00141C)
• Powdered Ridge color palette (#F6F3FF, #A55497, #974400, #544100, #152D29)
• Hushed Rust Atelier color palette (#FFF0FA, #8392E8, #BF5136, #3D6E38, #332133)
• Rust Study color palette (#FCECF7, #B24F34, #684E00, #003B3C, #0C0420)
• Weathered Pewter Lagoon color palette (#E9E9F6, #8B61A2, #372C40, #151326, #04060D)
• Weathered Mulberry Station color palette (#F2EDFF, #990096, #791C00, #003319, #010027)

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