Soft Brick color palette — #F7DFD7 · #C20537 · #502600 · #4F0010 · #040100

Built around Ruby, softened by Espresso — the whole palette hums with optimism and warmth.

The five colors

• Shell Pink (#F7DFD7): A whisper-light, dusty orange — the color of toasted spice.
• Ruby (#C20537): A full-bodied, vivid red — the color of a theater curtain.
• Espresso (#502600): A deep, shadowed, dusty gold — the color of old brass.
• Espresso (#4F0010): A deep, shadowed, balanced red — the color of a theater curtain.
• Black (#040100): quiet, heavy and certain.

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

Use it as a design system

One click turns Soft 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

• Rust Garden color palette (#FAEADE, #A64800, #363B0E, #421800, #030100)
• Plum Lantern color palette (#FFE7E7, #B50D84, #650012, #490033, #050100)
• Lowlit Terracotta color palette (#FAE5C8, #8F3B00, #462800, #041F00, #170600)
• Airy Raspberry Coast color palette (#F3E9F6, #D84672, #794400, #820038, #060002)
• Hushed Ember Cabin color palette (#FFE9DC, #EC3A01, #AD5500, #5E3D00, #150700)
• Shadow Garnet Lantern color palette (#F3E3DC, #78010A, #262000, #17002E, #060002)
• Garnet Orchard color palette (#F8E8E1, #C0A290, #A87141, #661609, #210E05)
• Linen Alley color palette (#FFF3E7, #E88600, #736500, #7E4600, #251B02)

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