Timeworn Canyon color palette — #F5F4FF · #D198FF · #5F9234 · #2B8060 · #031E2D

Pink Orchid and Olive Leaf set the tone — five colors that lean into nature and growth.

The five colors

• Ivory (#F5F4FF): bright and airy, almost weightless.
• Pink Orchid (#D198FF): A luminous, balanced violet — the color of a velvet chair.
• Olive Leaf (#5F9234): A luminous, balanced green — the color of fresh herbs.
• Teal (#2B8060): A full-bodied, balanced teal — the color of sea glass.
• Midnight (#031E2D): A deep, shadowed, dusty blue — the color of open sky before noon.

Feels like: Nature, Growth, Creativity, Balance. Tagged jewel, vibrant.

Use it as a design system

One click turns Timeworn Canyon 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

• Antique Loft color palette (#F3F4FF, #C4A2FF, #8A8800, #767625, #002029)
• Dusty Emerald Courtyard color palette (#F3F4FF, #B2A1FF, #519118, #2F77A8, #162031)
• Dusty Lagoon color palette (#F6F3FF, #F39FF4, #45A364, #3B8D81, #1E2C3A)
• Weathered Mallow Workshop color palette (#D7F7EC, #E199FC, #DE707D, #2E847C, #352A45)
• Hushed Magenta Workshop color palette (#EBE7FB, #D051FF, #007A2B, #005D50, #000A15)
• Blush Workshop color palette (#FBE7FF, #FF608C, #00A837, #00835A, #100C35)
• Ember Atelier color palette (#F1F5FF, #929AFF, #E26F48, #9B671E, #032026)
• Hushed Shell Bloom color palette (#FBF2FC, #FFA4B5, #5FBBB3, #54918B, #2F3442)

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