Quiet Brick color palette — #F0F5FF · #7A89E3 · #B12729 · #004146 · #070035

Ruby and Lavender Blue set the tone — five colors that lean into creativity and calm.

The five colors

• Ivory (#F0F5FF): bright and airy, almost weightless.
• Lavender Blue (#7A89E3): A luminous, balanced violet — the color of a velvet chair.
• Ruby (#B12729): A full-bodied, vivid orange — the color of sun-warmed clay.
• Deep Teal (#004146): A deep, shadowed, dusty blue — the color of deep harbor water.
• Deep Indigo (#070035): A deep, shadowed, balanced violet — the color of wild irises.

Feels like: Creativity, Calm, Balance. Tagged cool.

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

• Lilac Workshop color palette (#F1F5FF, #939CF8, #B45743, #005559, #141047)
• Muted Courtyard color palette (#EEF6FF, #4B94E6, #973B79, #004427, #000D20)
• Aged Wisteria Harbor color palette (#F5F3FF, #BF6CC9, #A43F00, #003F4F, #1A001E)
• Powdered Coast color palette (#E6F9FF, #00A6A9, #A72E5E, #00442F, #00100E)
• Antique Driftwood color palette (#EAF4FF, #BAC3E5, #A56F89, #005C69, #132C47)
• Fuchsia Harbor color palette (#F6D9DD, #E06CE7, #CD6100, #357300, #00242E)
• Washed Byzantium color palette (#EFECFD, #A525AE, #6C3600, #00310C, #000C17)
• Gentle Amethyst Alley color palette (#F6D7E8, #6B3BE4, #5A4200, #003631, #001E25)

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