Dusty Loft color palette — #FFDCCE · #C84848 · #007A8C · #27597F · #402317

Built around Brick, softened by Teal — the whole palette hums with trust and stability.

The five colors

• Shell Pink (#FFDCCE): A whisper-light, dusty orange — the color of autumn markets.
• Brick (#C84848): A full-bodied, vivid orange — the color of sun-warmed clay.
• Teal (#007A8C): A full-bodied, balanced blue — the color of a favorite pair of jeans.
• Peacock (#27597F): A full-bodied, balanced blue — the color of deep harbor water.
• Espresso (#402317): A deep, shadowed, dusty orange — the color of autumn markets.

Feels like: Trust, Stability, Warmth, Comfort, Balance. Tagged warm.

Use it as a design system

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

• Raspberry Coast color palette (#FFDAD9, #B65087, #007E72, #005F70, #431F1F)
• Aubergine Balcony color palette (#FBECDA, #976500, #006F72, #4F2F7F, #33230E)
• Dusty Grove color palette (#FEDDC7, #D86624, #0059AF, #4A408B, #3D2513)
• Gentle Scarlet color palette (#F6DDF1, #D83931, #28823E, #40569A, #21091E)
• Coral Study color palette (#FFDCCD, #F05F53, #2FA24C, #5F75AF, #3D241A)
• Mulberry Lagoon color palette (#FAE0DB, #A60050, #005573, #003784, #29000E)
• Iris Bloom color palette (#FFF3E8, #C88754, #847ECD, #766F9F, #47413C)
• Taupe Market color palette (#FFF2EE, #FFD3B9, #A6B269, #8E5E8A, #4A433F)

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