Weathered Terracotta color palette — #FCF1FC · #93B384 · #308493 · #834447 · #2B4F50

Built around Coffee, softened by Cerulean — the whole palette hums with nature and growth.

The five colors

• Ivory (#FCF1FC): bright and airy, almost weightless.
• Sage (#93B384): A luminous, dusty green — the color of new leaves after rain.
• Cerulean (#308493): A full-bodied, balanced blue — the color of deep harbor water.
• Coffee (#834447): A full-bodied, balanced red — the color of embers at dusk.
• Charcoal (#2B4F50): A full-bodied, dusty teal — the color of sea glass.

Feels like: Nature, Growth, Trust, Stability, Sophistication. Tagged retro, muted.

Use it as a design system

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

• Hushed Cobalt color palette (#EDF9EE, #7EB5A5, #4E7BA9, #74521B, #324C55)
• Ancient Mulberry color palette (#FEF0FC, #BDA473, #488666, #7A4270, #344E44)
• Muted Lagoon color palette (#F9F1E4, #6FBE9D, #0B8893, #694461, #24301F)
• Antique Cerulean color palette (#EDF9EF, #8FCEB2, #4BA1AA, #8A5E80, #334D51)
• Muted Cypress Archive color palette (#EEF8F4, #A1CACA, #5A8997, #427063, #385353)
• Airy Harbor color palette (#FFF0F8, #1CA659, #006A8A, #732D00, #003F37)
• Hushed Seafoam color palette (#FFF2EF, #A7E1AF, #77B9D2, #AA8079, #404C39)
• Washed Lagoon color palette (#E3F6F9, #318E82, #2C3F4C, #132D32, #0E181B)

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