Worn Brick color palette — #EFF6FF · #3D7DD2 · #AA001B · #004D25 · #002E64
A conversation between Garnet and Azure, giving this palette its sense of nature and growth.
The five colors
- Ivory (#EFF6FF): bright and airy, almost weightless.
- Azure (#3D7DD2): A full-bodied, balanced blue — the color of a favorite pair of jeans.
- Garnet (#AA001B): A full-bodied, vivid orange — the color of toasted spice.
- Forest (#004D25): A deep, shadowed, balanced teal — the color of shallow lagoons.
- Navy (#002E64): A deep, shadowed, balanced blue — the color of a favorite pair of jeans.
Feels like: Nature, Growth, Trust, Stability, Balance. Tagged cool.
Use it as a design system
One click turns Worn 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
- Linen Courtyard color palette (#ECF2FF, #6C6EB7, #883818, #00462B, #1B255B)
- Quiet Coast color palette (#EAF8FF, #008CA6, #8F277D, #454200, #003743)
- Hushed Meadow color palette (#F8F2FF, #AC7499, #8D5324, #005450, #4B294E)
- Misty Orchid Parlor color palette (#F5F4FF, #A952C0, #725500, #004853, #1C2471)
- Weathered Peony Courtyard color palette (#FFEDED, #C64CA5, #AA1500, #4A3400, #1F0044)
- Pale Scarlet Loft color palette (#FFF0FE, #CB4D54, #9C2F00, #1F4C00, #221D79)
- Aged Cobalt color palette (#FDF2F6, #B2D3EC, #457ED5, #00666B, #373870)
- Weathered Boulevard color palette (#E0DFF1, #8745AC, #584300, #003728, #041E2B)
Browse the whole catalog at Explore, or see today's palette.