Worn Brick color palette — #DFF3FF · #008CAC · #C20712 · #004354 · #040000

Built around Ruby, softened by Cerulean — the whole palette hums with trust and stability.

The five colors

• Frost (#DFF3FF): A whisper-light, dusty blue — the color of open sky before noon.
• Cerulean (#008CAC): A full-bodied, balanced blue — the color of deep harbor water.
• Ruby (#C20712): A full-bodied, vivid orange — the color of autumn markets.
• Deep Teal (#004354): A deep, shadowed, dusty blue — the color of open sky before noon.
• 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 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

• Gentle Plum color palette (#CAE6EB, #009283, #BE074B, #00463F, #040001)
• Cobalt Thicket color palette (#D4E1ED, #0084CE, #875F00, #003F66, #020100)
• Tempered Harbor color palette (#D7EFE1, #00657D, #891500, #002F3C, #0A0000)
• Washed Bronze color palette (#D3E5EB, #00A0A9, #C16100, #007076, #1D0900)
• Patina Thicket color palette (#D6F1E0, #FF4B50, #0096AD, #070C10, #000102)
• Powdered Amber color palette (#EBF7FF, #58D1FF, #D96600, #007698, #351300)
• Quiet Nightshade Quarry color palette (#DCEAFF, #3D6FFF, #846000, #0A16AD, #020100)
• Azure Bloom color palette (#C6ECFF, #00A6D4, #005977, #001A27, #000102)

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