Weathered Terracotta color palette — #FDF2F0 · #D5BC95 · #834A57 · #4D302A · #2C2219

Built around Coffee, softened by Sand — the whole palette hums with sophistication.

The five colors

• Ivory (#FDF2F0): a clean, paper-quiet neutral.
• Sand (#D5BC95): A luminous, dusty gold — the color of old brass.
• Coffee (#834A57): A full-bodied, dusty red — the color of late-summer berries.
• Espresso (#4D302A): A deep, shadowed, dusty orange — the color of autumn markets.
• Onyx (#2C2219): A deep, shadowed, dusty gold — the color of honey in a jar.

Feels like: Sophistication. Tagged luxury, dark, 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

• Patina Pier color palette (#FBF3F1, #E7B0AF, #9A772C, #A44F52, #312D27)
• Worn Chestnut color palette (#FCF4EA, #C4AB79, #704700, #322D28, #1D1C0E)
• Oat Field color palette (#F7F3FE, #BEDDA0, #976F89, #524760, #2D2933)
• Taupe Alley color palette (#FBF2FC, #F9D1E2, #C28F93, #7B647C, #312831)
• Garnet Corridor color palette (#FFF2EC, #C89A26, #8B0408, #4F0102, #27160E)
• Moonless Bronze Parlor color palette (#F5E9D8, #896600, #1D292A, #271A00, #070400)
• Weathered Pine color palette (#FFF2EC, #B16864, #007751, #1D4F72, #3E2A2D)
• Weathered Amber color palette (#EBDAD0, #AB8631, #601B00, #2C0800, #0B0500)

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