Terracotta Loft color palette — #F3E3D4 · #CB7900 · #007EA4 · #981100 · #220A00
A conversation between Garnet and Mustard, giving this palette its sense of trust and stability.
The five colors
- Parchment (#F3E3D4): A whisper-light, dusty gold — the color of afternoon light on wheat.
- Mustard (#CB7900): A luminous, balanced gold — the color of old brass.
- Cerulean (#007EA4): A full-bodied, balanced blue — the color of open sky before noon.
- Garnet (#981100): A full-bodied, vivid orange — the color of toasted spice.
- Ink (#220A00): A deep, shadowed, dusty orange — the color of toasted spice.
Feels like: Trust, Stability, Optimism, Warmth, Comfort, Balance. Tagged warm.
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
- Mulberry Courtyard color palette (#F0DCCB, #D37300, #007EA4, #910060, #270017)
- Wandering Sapphire color palette (#F4EBD7, #B29A1C, #0064CA, #7D3D00, #1A1000)
- Feathered Parlor color palette (#F4E7C8, #C8B521, #227AF1, #9E4E00, #322000)
- Cerulean Lagoon color palette (#ECDEC5, #83AE8F, #0097B3, #865451, #401716)
- Gentle Lagoon Studio color palette (#EBDFC8, #93B46E, #009669, #78610F, #1E1C00)
- Patina Amethyst color palette (#EDE7CF, #9AA41D, #8222E1, #951C00, #280300)
- Patina Azure color palette (#FCF4E9, #E1B765, #42A7F2, #B06744, #542C0F)
- Amethyst Study color palette (#E3E0C8, #8BA91D, #7E26E3, #654D00, #181000)
Browse the whole catalog at Explore, or see today's palette.