Quiet Brick color palette — #FFDCCB · #FE674A · #009EB1 · #BF2500 · #00353C

Brick takes the lead with Coral Clay close behind in a set that reads as trust and stability at first glance.

The five colors

• Shell Pink (#FFDCCB): A whisper-light, dusty orange — the color of toasted spice.
• Coral Clay (#FE674A): A luminous, vivid orange — the color of autumn markets.
• Cerulean (#009EB1): A luminous, balanced blue — the color of a favorite pair of jeans.
• Brick (#BF2500): A full-bodied, vivid orange — the color of toasted spice.
• Deep Forest (#00353C): A deep, shadowed, dusty blue — the color of deep harbor water.

Feels like: Trust, Stability, Warmth, Comfort, 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

• Worn Tangerine color palette (#FEDEC4, #EC7C00, #009CB9, #9E5100, #00343F)
• Gentle Rust color palette (#FFF2EE, #FF8F6E, #00AFB6, #BA3600, #002426)
• Gentle Plum color palette (#FFDBD5, #F16999, #00A38D, #BF0063, #00372E)
• Ember Market color palette (#FAE4D9, #DD6300, #009297, #0078A6, #3E1700)
• Marigold Alley color palette (#FFF3E6, #FFAB3A, #0096D0, #A56800, #00405B)
• Ancient Courtyard color palette (#FFF2EB, #E4BAA2, #6DBDE1, #D06C48, #2B5746)
• Ember Thicket color palette (#FED7F1, #E34600, #438300, #8A2700, #183700)
• Misty Sapphire Boulevard color palette (#EEDBC2, #D99D35, #0074DE, #845A00, #002854)

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