Timeworn Canyon color palette — #FBF2FA · #97B1E3 · #A68749 · #347765 · #38482C

Caramel and Sky set the tone — five colors that lean into nature and growth.

The five colors

• Ivory (#FBF2FA): bright and airy, almost weightless.
• Sky (#97B1E3): A luminous, dusty violet — the color of a velvet chair.
• Caramel (#A68749): A luminous, balanced gold — the color of honey in a jar.
• Teal (#347765): A full-bodied, dusty teal — the color of glacier melt.
• Deep Olive (#38482C): A deep, shadowed, dusty green — the color of new leaves after rain.

Feels like: Nature, Growth, Optimism, Sophistication. Tagged muted.

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

• Coral Grove color palette (#EDF9F0, #6DBFD1, #C1727A, #1B7A66, #324930)
• Amber Harbor color palette (#FDF1F9, #A4ADE5, #AE843C, #326F96, #503950)
• Weathered Mallow color palette (#F4F4FF, #DDBBFA, #AB9863, #657236, #00404A)
• Wandering Driftwood Pier color palette (#E1FCF3, #E6CED7, #BC9C97, #718671, #425142)
• Aged Villa color palette (#FAF4EF, #C3E1EE, #8EB3E7, #589388, #624A58)
• Lilac Bloom color palette (#F3F4FF, #AB82D5, #96624B, #3E5D3A, #2B455A)
• Linen Periwinkle Harbor color palette (#FFEFFF, #4F9CFF, #A76700, #005E7B, #003648)
• Hushed Fern Courtyard color palette (#F9F5EB, #D3D4AE, #74A895, #947471, #525000)

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