Timeworn Brick color palette — #FCD7F7 · #00D27E · #1AA3D9 · #BA1024 · #00312C

Ruby takes the lead with Clover close behind in a set that reads as nature and growth at first glance.

The five colors

• Thistle (#FCD7F7): A whisper-light, dusty pink — the color of neon signs at night.
• Clover (#00D27E): A luminous, vivid teal — the color of shallow lagoons.
• Cyan (#1AA3D9): A luminous, balanced blue — the color of a favorite pair of jeans.
• Ruby (#BA1024): A full-bodied, vivid orange — the color of autumn markets.
• Deep Forest (#00312C): A deep, shadowed, dusty teal — the color of sea glass.

Feels like: Nature, Growth, Trust, Stability, Energy, Balance. Tagged retro.

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

• Azure Thicket color palette (#FFD8EC, #00CF9C, #199EEF, #9E4800, #003030)
• Lime Cabin color palette (#FFDADD, #74CB15, #00A0B3, #C7004C, #00321F)
• Mulberry Lantern color palette (#FAE2AF, #00B19A, #007B95, #8B005C, #003030)
• Cornflower Summit color palette (#CDE6CC, #00C2C2, #637EEB, #895B00, #002935)
• Plum Field color palette (#F8D9F7, #C0B500, #00A593, #B51494, #173100)
• Powdered Studio color palette (#E9F1E0, #68D2C2, #14A7FC, #9A6800, #593A00)
• Softworn Lantern color palette (#FFF0FA, #99E3C3, #74B6E6, #AF7E70, #354C52)
• Tempered Amethyst Drift color palette (#D4E4DA, #00AAC4, #7C4CF1, #625500, #00182A)

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