Timeworn Brick color palette — #CCE7F5 · #008DA5 · #C01200 · #004450 · #040000

Brick takes the lead with Cerulean close behind in a set that reads as trust and stability at first glance.

The five colors

• Frost (#CCE7F5): A whisper-light, dusty blue — the color of open sky before noon.
• Cerulean (#008DA5): A full-bodied, balanced blue — the color of a favorite pair of jeans.
• Brick (#C01200): A full-bodied, vivid orange — the color of autumn markets.
• Deep Teal (#004450): A deep, shadowed, dusty blue — the color of a favorite pair of jeans.
• Black (#040000): A deep, shadowed, dusty orange — the color of autumn markets.

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

Use it as a design system

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

• Chestnut Corridor color palette (#CAE4F6, #008AB6, #9B5100, #004259, #030100)
• Plum Archive color palette (#D4E9ED, #009188, #B50E74, #004641, #040001)
• Timeworn Brick Parlor color palette (#D6F1FF, #007195, #A70023, #673200, #000103)
• Timeworn Boulevard color palette (#D8EEDD, #006C76, #783600, #003339, #1E0800)
• Muted Thicket color palette (#D0E2F9, #347AE5, #806300, #003682, #020100)
• Hushed Fern color palette (#D2E7F1, #006775, #494E00, #003037, #030300)
• Powdered Ember color palette (#EBF7FF, #5DD0FF, #EC5016, #00759A, #3B0B00)
• Washed Cocoa Loft color palette (#D6E7D4, #988448, #6C4300, #3C1300, #010100)

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