Pale Brick color palette — #FFDBD7 · #FF635E · #8970FF · #C5061F · #2E176D

A conversation between Ruby and Amethyst, giving this palette its sense of creativity and warmth.

The five colors

• Shell Pink (#FFDBD7): A whisper-light, dusty orange — the color of autumn markets.
• Watermelon (#FF635E): A luminous, vivid orange — the color of toasted spice.
• Amethyst (#8970FF): A luminous, vivid violet — the color of wild irises.
• Ruby (#C5061F): A full-bodied, vivid orange — the color of sun-warmed clay.
• Royal Purple (#2E176D): A deep, shadowed, balanced violet — the color of twilight just after sunset.

Feels like: Creativity, Warmth, Comfort, Energy. Tagged vibrant, warm.

Use it as a design system

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

• Pale Plum color palette (#F4DAFD, #FF5992, #5981FF, #C0005D, #152665)
• Muted Atelier color palette (#FFF1F7, #FE8C1C, #CD6FE0, #B25E00, #502758)
• Magenta Drift color palette (#FFD9E5, #DB8900, #E41CD0, #935A00, #4C0F45)
• Scarlet Veranda color palette (#F7DAF2, #E53F39, #007F8B, #96030E, #00353B)
• Pale Rose Delta color palette (#FFDCCD, #FF9186, #00BBD3, #F7252A, #00353C)
• Feathered Ember Workshop color palette (#F6D8CF, #ED4F00, #8C8300, #AA379C, #431101)
• Wandering Workshop color palette (#DBF7DF, #D79C00, #CC72AB, #936900, #4F2440)
• Magenta Market color palette (#FFD7F2, #FF3BD6, #0096DB, #B30394, #00314C)

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