Terracotta Studio color palette — #F7EAE1 · #A54A00 · #003B3D · #421900 · #000300
A conversation between Ochre and Espresso, giving this palette its sense of optimism and sophistication.
The five colors
- Cream (#F7EAE1): bright and airy, almost weightless.
- Ochre (#A54A00): A full-bodied, balanced orange — the color of sun-warmed clay.
- Deep Teal (#003B3D): A deep, shadowed, dusty teal — the color of sea glass.
- Espresso (#421900): A deep, shadowed, dusty orange — the color of toasted spice.
- Black (#000300): A deep, shadowed, dusty green — the color of fresh herbs.
Feels like: Optimism, Sophistication. Tagged duotone, muted.
Use it as a design system
One click turns Terracotta Studio 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
- Tempered Thicket color palette (#D4E6D5, #895E00, #004225, #392500, #000202)
- Linen Brick color palette (#FEEBE2, #C40614, #1D3C00, #4F0103, #010200)
- Onyx Garden color palette (#FDEBE0, #745000, #003B1E, #2A0037, #0D0C00)
- Midnight Cocoa color palette (#F2E0CD, #6A3E00, #002E45, #2A001C, #100002)
- Fern Grove color palette (#F4E8D9, #AC7800, #2D6100, #5D3E00, #020200)
- Airy Ember color palette (#EEE6CB, #E46800, #617500, #00534F, #051300)
- Aged Boulevard color palette (#FAF5E8, #B6A324, #007182, #625600, #072313)
- Faded Amber color palette (#FFEFE0, #CF7400, #005F70, #6A3800, #00170A)
Browse the whole catalog at Explore, or see today's palette.