Quiet Brick color palette — #F0DBDD · #C554AE · #B81523 · #5C3A00 · #1C134B

Built around Ruby, softened by Hot Pink — the whole palette hums with optimism and creativity.

The five colors

• Shell Pink (#F0DBDD): A whisper-light, dusty red — the color of a theater curtain.
• Hot Pink (#C554AE): A luminous, vivid pink — the color of neon signs at night.
• Ruby (#B81523): A full-bodied, vivid orange — the color of sun-warmed clay.
• Bronze (#5C3A00): A deep, shadowed, balanced gold — the color of old brass.
• Deep Indigo (#1C134B): A deep, shadowed, balanced violet — the color of a velvet chair.

Feels like: Optimism, Creativity, Energy, Balance. Tagged warm.

Use it as a design system

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

• Antique Plum Bloom color palette (#F4D9E1, #A661D7, #B5005B, #683100, #0D174F)
• Softworn Peony Veranda color palette (#F1DCD9, #CD5788, #9E4600, #4C4300, #310640)
• Patina Plum color palette (#F0DAE6, #7F6EF1, #A5168E, #81020B, #002236)
• Wandering Orchard color palette (#FBD6CA, #BF0035, #613C00, #202B00, #14000F)
• Tempered Raspberry color palette (#E9D9E5, #E568B9, #D30088, #8D0C4E, #4F1226)
• Gentle Wisteria color palette (#DFDFF4, #BB87E8, #C76248, #556C00, #00242A)
• Sunlit Ridge color palette (#F8D6E8, #6B47D2, #6F3300, #003729, #001E20)
• Tempered Blush color palette (#FFE7E7, #D18BA2, #A46A6D, #745619, #3E3B35)

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