Dusty Terracotta color palette — #EFF8F2 · #9BD7E7 · #A08FC5 · #A34C4C · #3D3A0F

Built around Brick, softened by Blue Fog — the whole palette hums with nature and growth.

The five colors

• Ivory (#EFF8F2): bright and airy, almost weightless.
• Powder Blue (#9BD7E7): A whisper-light, dusty blue — the color of a favorite pair of jeans.
• Blue Fog (#A08FC5): A luminous, balanced violet — the color of wild irises.
• Brick (#A34C4C): A full-bodied, balanced orange — the color of sun-warmed clay.
• Deep Olive (#3D3A0F): A deep, shadowed, dusty green — the color of a quiet forest floor.

Feels like: Nature, Growth, Trust, Stability, Creativity, Sophistication. Tagged 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

• Washed Pewter color palette (#F2F7ED, #96DDC1, #759DCA, #8C557F, #522F0D)
• Hushed Bronze Coast color palette (#EAF9F5, #A4D1FC, #C283A7, #8A6308, #064237)
• Muted Seafoam color palette (#F1F7F0, #79DBCF, #DC919B, #A67E4E, #47413C)
• Plum Station color palette (#FEF0FD, #79A6F1, #AF5085, #644200, #002214)
• Muted Sky Hollow color palette (#ECF8F3, #72B9DA, #5F4E60, #1B3027, #0C110D)
• Chestnut Lantern color palette (#E8FBEF, #C9E1E3, #D4B9C8, #A88775, #734701)
• Muted Wisteria Boulevard color palette (#FFF1F6, #B671FF, #BD3000, #324700, #00161C)
• Softworn Turquoise Pier color palette (#ECF7FD, #3AA7C0, #7A6498, #72463E, #1F4C3E)

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