Dusty Brick color palette — #F3F4FF · #865DBE · #B23420 · #385400 · #32204B

A conversation between Brick and Amethyst, giving this palette its sense of nature and growth.

The five colors

• Ivory (#F3F4FF): bright and airy, almost weightless.
• Amethyst (#865DBE): A full-bodied, balanced violet — the color of a velvet chair.
• Brick (#B23420): A full-bodied, vivid orange — the color of toasted spice.
• Deep Olive (#385400): A full-bodied, balanced green — the color of a quiet forest floor.
• Deep Indigo (#32204B): A deep, shadowed, dusty violet — the color of wild irises.

Feels like: Nature, Growth, Creativity, Balance. Tagged warm.

Use it as a design system

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

• Patina Plum color palette (#F1F5FF, #5F66DA, #B22857, #594800, #242849)
• Frosted Lantern color palette (#F7F3FF, #AA3F99, #92001A, #204200, #071E47)
• Timeworn Byzantium color palette (#F5F4FF, #9E4CBB, #7F6200, #005749, #391F42)
• Muted Grove color palette (#DEDBF0, #8B369F, #853900, #294000, #290B30)
• Chalky Plum color palette (#FBF1FF, #C03F75, #9E4D00, #005A24, #461A2B)
• Pale Canyon color palette (#D8FFF3, #807BEA, #933778, #00523E, #41265C)
• Hushed Harbor color palette (#F9F2FF, #B85787, #9B1C61, #2A4A00, #181E7D)
• Quiet Corridor color palette (#F6F3FF, #D661C6, #CB6700, #816000, #2F2543)

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