Quiet Brick color palette — #CEE7DA · #008BB0 · #C20A0A · #004356 · #040000
A conversation between Ruby and Cerulean, giving this palette its sense of trust and stability.
The five colors
- Celadon Mist (#CEE7DA): A whisper-light, dusty teal — the color of sea glass.
- Cerulean (#008BB0): A full-bodied, balanced blue — the color of a favorite pair of jeans.
- Ruby (#C20A0A): A full-bodied, vivid orange — the color of toasted spice.
- Deep Teal (#004356): A deep, shadowed, dusty blue — the color of a favorite pair of jeans.
- Black (#040000): A deep, shadowed, dusty orange — the color of autumn markets.
Feels like: Trust, Stability, Energy, Balance. Tagged vibrant.
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
- Wandering Harbor color palette (#DBEED8, #00918B, #BD0059, #004643, #040001)
- Hushed Azure color palette (#D2E6F6, #2193DB, #923D00, #003F65, #030100)
- Timeworn Terrace color palette (#D6EAF2, #007292, #973100, #6A3000, #000102)
- Tempered Cobalt color palette (#E0F6F0, #006DBB, #6E4E00, #002C51, #020100)
- Weathered Archive color palette (#C9E4F1, #006B7B, #743900, #00333C, #1D0900)
- Nightshade Ridge color palette (#D8E0FD, #5A6DF2, #895D00, #2513A6, #020100)
- Linen Rose Courtyard color palette (#E5EDCE, #FF417B, #0091C9, #06090F, #000201)
- Pale Aubergine color palette (#DFF6E9, #00667D, #730089, #002F3C, #07000A)
Browse the whole catalog at Explore, or see today's palette.