Quiet Brick color palette — #F8F4CE · #B371D0 · #B41A07 · #004557 · #330726

Built around Ruby, softened by Wisteria — the whole palette hums with trust and stability.

The five colors

• Custard (#F8F4CE): A whisper-light, dusty green — the color of new leaves after rain.
• Wisteria (#B371D0): A luminous, balanced violet — the color of wild irises.
• Ruby (#B41A07): A full-bodied, vivid orange — the color of toasted spice.
• Deep Teal (#004557): A deep, shadowed, dusty blue — the color of deep harbor water.
• Deep Indigo (#330726): A deep, shadowed, balanced pink — the color of a candy shop window.

Feels like: Trust, Stability, Creativity, Balance. Tagged retro.

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

• Frosted Mulberry color palette (#F5F5CD, #8F80E2, #AD1D54, #004652, #2B0A35)
• Patina Thicket color palette (#F4E8CC, #AE73A2, #8F4100, #003B64, #2F0615)
• Misty Orchid color palette (#FFECF1, #A55DCE, #904100, #00414B, #270039)
• Chalky Terracotta color palette (#FFF4E2, #D35D8F, #AA2D00, #00533B, #53242C)
• Muted Lantern color palette (#D8FFF5, #DD78F2, #DA3E00, #006678, #3E2C4C)
• Hushed Balcony color palette (#FEF0DA, #C4889C, #8D6119, #294184, #38190A)
• Denim Thicket color palette (#E3E1FF, #BC9ABC, #AB7166, #265496, #292446)
• Patina Ember color palette (#DEFFE5, #FF9CC1, #CD6144, #00694C, #44161F)

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