Timeworn Brick color palette — #F8E7E2 · #EE7E88 · #807300 · #B9003C · #100E00

Built around Ruby, softened by Rose — the whole palette hums with nature and growth.

The five colors

• Rose Water (#F8E7E2): bright and airy, almost weightless.
• Rose (#EE7E88): A luminous, balanced red — the color of embers at dusk.
• Walnut (#807300): A full-bodied, balanced green — the color of a quiet forest floor.
• Ruby (#B9003C): A full-bodied, vivid red — the color of a theater curtain.
• Ink (#100E00): A deep, shadowed, dusty green — the color of fresh herbs.

Feels like: Nature, Growth, Energy, Balance. Tagged duotone.

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

• Dusty Quarry color palette (#FFF2ED, #F19993, #6C8E00, #C73138, #1C1900)
• Washed Mulberry color palette (#FDF1FD, #FF98A4, #747E00, #A6364A, #000201)
• Frosted Plum Lagoon color palette (#F4E8E8, #D786BD, #817300, #AB0089, #130C00)
• Pine Terrace color palette (#F3E9E3, #E18C63, #00892F, #A14200, #0D0F00)
• Feathered Ember Pier color palette (#F5E8E1, #FFA081, #BD8B00, #D06440, #150B00)
• Washed Hollow color palette (#FBDEDE, #D6895F, #9A6300, #574B00, #192B00)
• Pale Rose Delta color palette (#F2DCD7, #CC5B77, #4E7000, #004477, #3F001F)
• Ember Parlor color palette (#F6E6F0, #D55F3E, #6C4500, #761D00, #021203)

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