Quiet Brick color palette — #FFF2F0 · #FFCBD5 · #E77F8E · #AA3D43 · #693430

Brick takes the lead with Rose close behind in a set that reads as warmth and comfort at first glance.

The five colors

• Ivory (#FFF2F0): a clean, paper-quiet neutral.
• Shell Pink (#FFCBD5): A whisper-light, dusty red — the color of a theater curtain.
• Rose (#E77F8E): A luminous, balanced red — the color of late-summer berries.
• Brick (#AA3D43): A full-bodied, balanced orange — the color of autumn markets.
• Cocoa (#693430): A deep, shadowed, dusty orange — the color of autumn markets.

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

• Hazy Field color palette (#FFF2EC, #FFC8B6, #E78E68, #A24E00, #5E3A1C)
• Linen Orchard color palette (#FFDAE6, #F189A2, #B85568, #813D40, #593A55)
• Timeworn Terracotta Villa color palette (#FFF2EC, #EAD6C7, #E68A74, #9E3625, #400F05)
• Sunlit Scarlet color palette (#FFE9E8, #FF9A8D, #EB3801, #7F2A00, #3D1700)
• Cocoa Courtyard color palette (#FFF2EC, #DFD9CD, #A5B6B3, #DE9A9B, #683002)
• Feathered Veranda color palette (#F9F2FF, #F3D0FF, #CC87D5, #9B4E95, #4E2A45)
• Rose Grove color palette (#FFF2ED, #FFC3BE, #B0C666, #D75E5C, #343D13)
• Frosted Crimson color palette (#FCE3E6, #D93F5D, #950020, #4A0102, #100100)

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