Quiet Studio color palette — #F7D3DF · #D7B26F · #D07E00 · #B34F00 · #312800

Terracotta takes the lead with Mustard close behind in a set that reads as nature and growth at first glance.

The five colors

• Shell Pink (#F7D3DF): A whisper-light, dusty rose — the color of strawberry cream.
• Sand (#D7B26F): A luminous, balanced gold — the color of afternoon light on wheat.
• Mustard (#D07E00): A luminous, balanced gold — the color of old brass.
• Terracotta (#B34F00): A full-bodied, balanced orange — the color of sun-warmed clay.
• Espresso (#312800): A deep, shadowed, dusty green — the color of fresh herbs.

Feels like: Nature, Growth, Optimism, Warmth, Comfort, Balance. Tagged earthy, warm.

Use it as a design system

One click turns Quiet Studio 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

• Amber Station color palette (#F4E0ED, #D9A581, #D0704E, #A7494A, #351E00)
• Timeworn Quarry color palette (#C8E8CE, #CCB94F, #BC8C00, #A06000, #292C00)
• Terracotta Garden color palette (#FDCFE0, #B8A45E, #AA6500, #9C0F00, #232E00)
• Hushed Bronze color palette (#FFF3E7, #D8B853, #B56900, #86281F, #151B00)
• Worn Bronze color palette (#F9E0EC, #E1B2C3, #CA8E6A, #AC6253, #1F3723)
• Worn Alley color palette (#FFECF4, #FFAD75, #95A600, #D76D00, #111400)
• Muted Amber Studio color palette (#EDF9EC, #B8DBC0, #CDA46F, #B5784D, #264536)
• Dusty Rust color palette (#F6DCEC, #E7B747, #D54A00, #862B00, #1C0616)

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