Weathered Canyon color palette — #F1F5FE · #BACD96 · #686BA5 · #364161 · #1D212C

Slate and Pistachio set the tone — five colors that lean into nature and growth.

The five colors

• Ivory (#F1F5FE): bright and airy, almost weightless.
• Pistachio (#BACD96): A whisper-light, dusty green — the color of fresh herbs.
• Slate (#686BA5): A full-bodied, balanced violet — the color of wild irises.
• Navy (#364161): A deep, shadowed, dusty violet — the color of a velvet chair.
• Onyx (#1D212C): A deep, shadowed, dusty violet — the color of a velvet chair.

Feels like: Nature, Growth, Creativity, Sophistication. Tagged luxury, dark, muted.

Use it as a design system

One click turns Weathered 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

• Cobalt Canyon color palette (#EEF6FE, #F2B497, #3576AC, #214564, #18232D)
• Antique Ash color palette (#FFF0FA, #CFDDAA, #8891C4, #596088, #2A1D26)
• Wandering Pewter Grove color palette (#FFF0F8, #FAE3B3, #746F9F, #4A2F3E, #180A12)
• Tempered Mulberry Station color palette (#F2ECF5, #B7BB67, #993F67, #502537, #1B1121)
• Dusty Coral Lantern color palette (#FEF1F6, #E9958A, #584774, #432231, #261716)
• Hushed Ash Meadow color palette (#F5F4FB, #E0D8DD, #D6BBC4, #A282AB, #47474E)
• Dusty Chapel color palette (#F2F5FC, #C0BDF6, #CF743C, #7B71CE, #2F1E27)
• Timeworn Thicket color palette (#F3F4FF, #9B80CA, #9B6A00, #007364, #27283E)

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