Timeworn Brick color palette — #F4E1D9 · #C0170E · #01430C · #550201 · #000200

Brick and Espresso set the tone — five colors that lean into nature and growth.

The five colors

• Parchment (#F4E1D9): A whisper-light, dusty orange — the color of toasted spice.
• Brick (#C0170E): A full-bodied, vivid orange — the color of autumn markets.
• Forest (#01430C): A deep, shadowed, balanced green — the color of a quiet forest floor.
• Espresso (#550201): A deep, shadowed, balanced orange — the color of toasted spice.
• Black (#000200): A deep, shadowed, dusty green — the color of a quiet forest floor.

Feels like: Nature, Growth, Energy, Balance. Tagged duotone, 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

• Bronze Quarry color palette (#FBEBDE, #9E5100, #3A3400, #3E1C00, #020200)
• Washed Plum Basin color palette (#F9E7E4, #A73B64, #473200, #520027, #020100)
• Garnet Meadow color palette (#F1E4EE, #CB5C4B, #3C5E00, #840B00, #000202)
• Shadow Loft color palette (#F7EEE2, #824100, #2F3200, #130043, #030100)
• Patina Bronze color palette (#F2E9E1, #A89E8E, #8B7C33, #532A00, #090300)
• Olive Hollow color palette (#F0EAD8, #837B00, #004B62, #3C3800, #000201)
• Scarlet Loft color palette (#EBDFD0, #F4331A, #916600, #00601A, #020200)
• Hushed Bronze color palette (#F7F0EB, #E6B89B, #629068, #9E6035, #15170C)

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