Soft Brick color palette — #F8D4E2 · #CB3569 · #BA0611 · #722800 · #0F0600

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

The five colors

• Shell Pink (#F8D4E2): A whisper-light, dusty rose — the color of strawberry cream.
• Fuchsia (#CB3569): A full-bodied, vivid red — the color of late-summer berries.
• Ruby (#BA0611): A full-bodied, vivid orange — the color of autumn markets.
• Rust (#722800): A deep, shadowed, balanced orange — the color of autumn markets.
• Ink (#0F0600): A deep, shadowed, dusty gold — the color of old brass.

Feels like: Optimism, Warmth, Comfort, Energy, Balance. Tagged 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

• Gentle Thicket color palette (#FFE4E6, #C13342, #8F020F, #530E00, #1D0500)
• Washed Plum Boulevard color palette (#E8D7EF, #B948A8, #AE0066, #74001E, #200200)
• Rust Garden color palette (#F6DDDC, #CC4A00, #834900, #533500, #0B0700)
• Muted Drift color palette (#F2E4DD, #D34A0A, #008088, #912E00, #000809)
• Hazy Rust Veranda color palette (#FAD9D1, #C53003, #007380, #3A508A, #060000)
• Ancient Thicket color palette (#EBDBD4, #DA9F54, #90A33B, #96466A, #150600)
• Feathered Scarlet Boulevard color palette (#F3D7F0, #00928D, #D92300, #2F0602, #050100)
• Tempered Amber color palette (#FFDCD6, #E37800, #A96B00, #725700, #232200)

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