Dusty Terracotta color palette — #ECF9EF · #70B5BB · #4A7DA3 · #83434B · #344B57

Coffee and Slate set the tone — five colors that lean into trust and stability.

The five colors

• Ivory (#ECF9EF): a clean, paper-quiet neutral.
• Cyan (#70B5BB): A luminous, dusty blue — the color of deep harbor water.
• Slate (#4A7DA3): A full-bodied, balanced blue — the color of deep harbor water.
• Coffee (#83434B): A full-bodied, balanced red — the color of a theater curtain.
• Charcoal (#344B57): A deep, shadowed, dusty blue — the color of deep harbor water.

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

Use it as a design system

One click turns Dusty 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

• Timeworn Pewter Dune color palette (#ECF9EF, #89B397, #418483, #724775, #2E4E50)
• Worn Courtyard color palette (#EDF9EF, #85ABD5, #77709D, #7B4D23, #3C485C)
• Muted Cocoa color palette (#ECF7FC, #60A4B0, #73679A, #813A3D, #484418)
• Softworn Cobalt Dune color palette (#FCEDF4, #73BCA7, #427CB5, #704729, #183038)
• Muted Azure Balcony color palette (#FFF2E9, #7BD1BE, #6C95C8, #906349, #3B4D3F)
• Dusty Dune color palette (#E9F8FF, #B7C8D7, #8C98B2, #85647C, #674C56)
• Ultramarine Station color palette (#E4FDE8, #009AC3, #2A54C8, #7E1C00, #003958)
• Periwinkle Pier color palette (#ECF7FD, #BEDBF1, #78D3E8, #6B99E0, #314C60)

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