Timeworn Alley color palette — #F3E2F7 · #FF78BE · #7F9600 · #1C4C3F · #02110D

A conversation between Bubblegum and Olive Leaf, giving this palette its sense of nature and growth.

The five colors

• Blush (#F3E2F7): A whisper-light, dusty pink — the color of neon signs at night.
• Bubblegum (#FF78BE): A luminous, vivid rose — the color of strawberry cream.
• Olive Leaf (#7F9600): A luminous, balanced green — the color of a quiet forest floor.
• Forest (#1C4C3F): A deep, shadowed, dusty teal — the color of sea glass.
• Ink (#02110D): A deep, shadowed, dusty teal — the color of glacier melt.

Feels like: Nature, Growth, Balance. Tagged neon, dark, vibrant.

Use it as a design system

One click turns Timeworn Alley 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 Atelier color palette (#F3E4DE, #FF7CBA, #B4AD00, #164331, #061911)
• Frosted Summit color palette (#E8E0EF, #FF6C8B, #7C8800, #2C3200, #000B07)
• Misty Basin color palette (#FFDFE7, #FF9683, #00AF38, #2C502F, #061311)
• Mustard Orchard color palette (#F4E5F8, #FFABC3, #B2A300, #3A5F4C, #0F1D16)
• Pale Studio color palette (#DEEBFA, #F984F4, #C08400, #5F420F, #0A130B)
• Hazy Ember Corridor color palette (#F4E5EC, #FF4D36, #2F8700, #0B3000, #000303)
• Feathered Moss color palette (#EAD9E5, #1EB8FB, #6FA400, #2E2C02, #141307)
• Pale Marigold color palette (#FDE4F7, #9FA6FF, #E09600, #523811, #101810)

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