Soft Brick color palette — #FFF2ED · #FF8B8E · #00AEBB · #C80035 · #002427

A conversation between Ruby and Salmon, giving this palette its sense of trust and stability.

The five colors

• Ivory (#FFF2ED): bright and airy, almost weightless.
• Salmon (#FF8B8E): A luminous, balanced red — the color of a theater curtain.
• Cyan (#00AEBB): A luminous, balanced blue — the color of deep harbor water.
• Ruby (#C80035): A full-bodied, vivid red — the color of a theater curtain.
• Midnight (#002427): A deep, shadowed, dusty blue — the color of a favorite pair of jeans.

Feels like: Trust, Stability, Energy, Balance. Tagged vibrant.

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

• Ember Courtyard color palette (#FFDBD2, #FF9377, #00C0B1, #ED4100, #003631)
• Frosted Plum Drift color palette (#FFF1F1, #FF7DCF, #00B29E, #B41E88, #00251F)
• Azure Chapel color palette (#FFF2EA, #FFA97D, #0F9BF3, #9E4400, #002038)
• Hazy Bronze color palette (#FFF3E9, #FFB484, #3EBCFF, #BE5D00, #00324B)
• Coral Coast color palette (#FFF1F0, #FF5758, #009DA1, #008098, #2B0002)
• Rose Drift color palette (#EED9EE, #E1475C, #00818C, #91002A, #001A1D)
• Dusty Taupe Lagoon color palette (#FFF2EC, #EFD6C0, #8ADAEB, #CB8577, #354D3D)
• Misty Ember color palette (#FFF2EE, #FFB7A4, #EB4100, #731300, #190300)

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