Terracotta Loft color palette — #E8FAF7 · #448839 · #932F36 · #5F3400 · #192D24

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

The five colors

• Ivory (#E8FAF7): bright and airy, almost weightless.
• Olive Leaf (#448839): A full-bodied, balanced green — the color of fresh herbs.
• Garnet (#932F36): A full-bodied, balanced orange — the color of sun-warmed clay.
• Bronze (#5F3400): A deep, shadowed, balanced gold — the color of honey in a jar.
• Deep Forest (#192D24): A deep, shadowed, dusty teal — the color of shallow lagoons.

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

Use it as a design system

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

• Muted Cypress color palette (#CCF5F7, #007457, #682B00, #352800, #0A1B00)
• Tempered Lagoon color palette (#E8F9FD, #008D85, #7B4A00, #4A4C00, #163231)
• Terracotta Station color palette (#E1F6FF, #00899C, #9F3E3A, #622A26, #001712)
• Airy Chapel color palette (#FBF1FD, #A52F4F, #654900, #283800, #012326)
• Bronze Basin color palette (#F5F3FF, #9E75AA, #A25442, #6A4C19, #293A35)
• Rust Basin color palette (#E7FBEE, #00B0C8, #BD5752, #8F4D49, #2D2D1C)
• Timeworn Plum Pier color palette (#F7F3FF, #AA0594, #803B00, #463600, #002823)
• Hushed Grape color palette (#EDF7FF, #1C82BA, #803C99, #6D1D43, #36242F)

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