Weathered Canyon color palette — #F0F7F3 · #96C9E0 · #A96964 · #00789C · #332C29

Teal and Mocha set the tone — five colors that lean into trust and stability.

The five colors

• Ivory (#F0F7F3): a clean, paper-quiet neutral.
• Sky (#96C9E0): A luminous, dusty blue — the color of open sky before noon.
• Mocha (#A96964): A full-bodied, balanced orange — the color of toasted spice.
• Teal (#00789C): A full-bodied, balanced blue — the color of deep harbor water.
• Espresso (#332C29): a grounded near-black with real depth.

Feels like: Trust, Stability, Sophistication. Tagged duotone, 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

• Petrol Dune color palette (#F9F3F9, #D6B3D4, #AB6A52, #446CAE, #332C28)
• Washed Veranda color palette (#F0F7F3, #A6CBB3, #966B9E, #007A90, #3A282C)
• Worn Peony Chapel color palette (#EEF2F8, #A3C7F1, #A967A5, #4474AB, #171320)
• Lilac Lantern color palette (#F8F3F9, #B1D4FF, #B683D4, #588FCF, #39282D)
• Quiet Harbor color palette (#FCF2F6, #B3A6D2, #9E5C26, #6E42AF, #32200F)
• Weathered Forest Courtyard color palette (#F2F8E9, #86B39E, #816B9E, #1F6849, #524152)
• Misty Mulberry color palette (#DBFFEC, #A1B8E0, #8772AE, #824178, #6F2A36)
• Brick Boulevard color palette (#FDF0FE, #55A5FC, #BC0036, #00569F, #360C11)

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