Terracotta Field color palette — #DBEBA7 · #82B494 · #4B8E9A · #86434B · #603A21
A conversation between Coffee and Celadon Mist, giving this palette its sense of nature and growth.
The five colors
- Celadon Mist (#DBEBA7): A whisper-light, balanced green — the color of new leaves after rain.
- Sage (#82B494): A luminous, dusty teal — the color of glacier melt.
- Storm Blue (#4B8E9A): A luminous, dusty blue — the color of open sky before noon.
- Coffee (#86434B): A full-bodied, balanced red — the color of late-summer berries.
- Cocoa (#603A21): A deep, shadowed, dusty gold — the color of old brass.
Feels like: Nature, Growth, Trust, Stability, Optimism, Balance. Tagged vintage, retro, muted.
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
- Wandering Cocoa color palette (#FFE6C5, #B9B189, #488875, #704A6A, #673726)
- Muted Basalt color palette (#C0FAE1, #6AB6C7, #5F7BA7, #775637, #534600)
- Worn Teal Delta color palette (#DFE7D8, #72AA93, #406D59, #653830, #34302A)
- Muted Chestnut Station color palette (#E5F5CF, #A7C8B2, #9A7E97, #895224, #5D4700)
- Muted Turquoise color palette (#CAF6E1, #B3DAAD, #4BBCC4, #BF7183, #683E20)
- Scarlet Archive color palette (#E4FEDD, #00AA9E, #DB3A44, #006B63, #6A181D)
- Quiet Boulevard color palette (#BFFEEA, #87CCCA, #4BA2B1, #626DA5, #4F456F)
- Lagoon Meadow color palette (#D8E9DA, #2F9286, #285972, #592108, #372000)
Browse the whole catalog at Explore, or see today's palette.