Tempered Brick color palette — #F4F4FF · #AA77D5 · #B42310 · #383C00 · #001010

Built around Brick, softened by Wisteria — the whole palette hums with nature and growth.

The five colors

• Ivory (#F4F4FF): a clean, paper-quiet neutral.
• Wisteria (#AA77D5): A luminous, balanced violet — the color of wild irises.
• Brick (#B42310): A full-bodied, vivid orange — the color of autumn markets.
• Deep Olive (#383C00): A deep, shadowed, dusty green — the color of new leaves after rain.
• Ink (#001010): A deep, shadowed, dusty teal — the color of shallow lagoons.

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

Use it as a design system

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

• Dusty Lantern color palette (#F6F3FF, #BC72BE, #954D00, #004515, #000E1A)
• Quiet Boulevard color palette (#F1F5FF, #7A87ED, #A1385A, #463700, #00100D)
• Rust Study color palette (#F5F3FF, #C78CD7, #B55731, #3E5200, #002024)
• Worn Raspberry color palette (#F4F0FF, #B14BAB, #793900, #102C00, #000203)
• Airy Byzantium color palette (#F9D7E2, #8A35C3, #782800, #183600, #002331)
• Feathered Periwinkle Coast color palette (#D7E2F2, #7EACFF, #A56B00, #007263, #002620)
• Fern Meadow color palette (#EEEEFF, #C3B7D9, #AE7074, #3F5C28, #003222)
• Faded Lapis Loft color palette (#FBE3F2, #5E46EB, #554500, #00301A, #000F06)

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