Gentle Brick color palette — #FFDDE2 · #F6556B · #C51200 · #531D00 · #130600

A conversation between Brick and Scarlet, giving this palette its sense of optimism and warmth.

The five colors

• Shell Pink (#FFDDE2): A whisper-light, dusty red — the color of late-summer berries.
• Scarlet (#F6556B): A luminous, vivid red — the color of a theater curtain.
• Brick (#C51200): A full-bodied, vivid orange — the color of sun-warmed clay.
• Espresso (#531D00): A deep, shadowed, balanced orange — the color of sun-warmed clay.
• Ink (#130600): A deep, shadowed, dusty gold — the color of afternoon light on wheat.

Feels like: Optimism, Warmth, Comfort, Energy, Balance. Tagged vibrant, warm.

Use it as a design system

One click turns Gentle 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 Ember color palette (#F7E7E5, #F95C25, #964600, #4C2900, #100800)
• Aged Scarlet Thicket color palette (#FDE9E9, #D24542, #8F0F00, #511500, #251700)
• Scarlet Corridor color palette (#FFE1F4, #FF537E, #D62700, #8C4900, #271C00)
• Patina Alley color palette (#EED9E9, #E44BA5, #BD005E, #66001C, #240001)
• Ember Workshop color palette (#FFE6F5, #EC5E2A, #00899F, #872900, #00090D)
• Powdered Mustard color palette (#FFF0F8, #E8E4BE, #C4B62F, #B44A52, #1E0B00)
• Weathered Apricot color palette (#FFE2DA, #FF9042, #BF6E00, #664700, #352700)
• Grape Archive color palette (#FFD7C5, #C45300, #007E5C, #532EC0, #040100)

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