Quiet Brick color palette — #CBF0D2 · #00C7DD · #0092F4 · #C90036 · #002E3C

Ruby and Azure set the tone — five colors that lean into nature and growth.

The five colors

• Honeydew (#CBF0D2): A whisper-light, dusty teal — the color of glacier melt.
• Cyan (#00C7DD): A luminous, balanced blue — the color of open sky before noon.
• Azure (#0092F4): A luminous, vivid blue — the color of a favorite pair of jeans.
• Ruby (#C90036): A full-bodied, vivid red — the color of embers at dusk.
• Midnight (#002E3C): A deep, shadowed, dusty blue — the color of deep harbor water.

Feels like: Nature, Growth, Trust, Stability, Calm, Energy. Tagged retro, vibrant, 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

• Plum Coast color palette (#FAE2B0, #00CAC4, #009BCE, #C30064, #002F34)
• Soft Iris Drift color palette (#CBF0D2, #53BAFF, #7D79FF, #A84F00, #002757)
• Wandering Meadow color palette (#CCEEFF, #00BCDC, #B64BF8, #AB4000, #102C00)
• Hushed Meadow color palette (#D5EEF6, #91C4F2, #8F94E9, #C94C2B, #5D3800)
• Hushed Quarry color palette (#FFF3E7, #00C5AC, #006FDA, #683900, #001D21)
• Byzantium Station color palette (#F7E2B7, #00D08D, #00A1A9, #B106A8, #003128)
• Worn Lilac color palette (#E0F5E4, #97B9FF, #A783D4, #9D6800, #2A2C51)
• Weathered Powder color palette (#ECF9EE, #9ADCF1, #8FAFE3, #B67A70, #334B5C)

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