Worn Brick color palette — #FFF2ED · #C5211F · #005E42 · #003C61 · #311419

Brick and Pine set the tone — five colors that lean into trust and stability.

The five colors

• Ivory (#FFF2ED): bright and airy, almost weightless.
• Brick (#C5211F): A full-bodied, vivid orange — the color of sun-warmed clay.
• Pine (#005E42): A full-bodied, balanced teal — the color of sea glass.
• Navy (#003C61): A deep, shadowed, balanced blue — the color of open sky before noon.
• Onyx (#311419): A deep, shadowed, dusty red — the color of a theater curtain.

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

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

• Weathered Rust color palette (#FFF3E9, #B6561C, #006E6B, #293E70, #3C2625)
• Dusty Plum color palette (#FFF2F0, #BC0078, #305400, #003C47, #2D1621)
• Antique Fern Corridor color palette (#FDEFE3, #A05F00, #376000, #003A47, #1A0206)
• Antique Coast color palette (#FFECCE, #CD641C, #705700, #004858, #352F2A)
• Navy Coast color palette (#FFF3E3, #895A00, #005162, #36286E, #2C150D)
• Chalky Hollow color palette (#E9FAED, #BF7E00, #637B00, #00567A, #22152A)
• Weathered Chestnut color palette (#FBF3EE, #DDDACB, #BEB19F, #865644, #423832)
• Cocoa Atelier color palette (#F1E0D7, #792700, #00362D, #001C38, #140002)

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