Timeworn Brick color palette — #CDE7D3 · #008E9D · #C2001F · #00444C · #050000

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

The five colors

• Celadon Mist (#CDE7D3): A whisper-light, dusty teal — the color of glacier melt.
• Cerulean (#008E9D): A full-bodied, balanced blue — the color of open sky before noon.
• Ruby (#C2001F): A full-bodied, vivid orange — the color of sun-warmed clay.
• Deep Teal (#00444C): A deep, shadowed, dusty blue — the color of deep harbor water.
• Black (#050000): A deep, shadowed, dusty orange — the color of sun-warmed clay.

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

• Frosted Plum color palette (#E3F5D7, #00937A, #BA0068, #00473A, #040001)
• Cobalt Harbor color palette (#CFF4E7, #0087C4, #9C4F00, #004061, #030100)
• Cocoa Orchard color palette (#C7E9F4, #00686D, #7E2A00, #003133, #080100)
• Scarlet Bloom color palette (#DDF2DF, #00A0A7, #E23600, #007075, #240300)
• Pale Mulberry Study color palette (#D5EAEF, #007486, #950086, #504100, #000102)
• Fern Veranda color palette (#D4E8EF, #006C76, #514E00, #003339, #111000)
• Chalky Ember Market color palette (#DDFFEA, #2ED5FB, #E95500, #00778F, #390E00)
• Hushed Bronze Bloom color palette (#FFEBD7, #A67E35, #704000, #3B1400, #020100)

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