Pale Canyon color palette — #F9F6E2 · #B2C079 · #AB97DF · #7A8A00 · #463A62

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

The five colors

• Cream (#F9F6E2): A whisper-light, dusty green — the color of a quiet forest floor.
• Pistachio (#B2C079): A luminous, balanced green — the color of a quiet forest floor.
• Mauve (#AB97DF): A luminous, balanced violet — the color of a velvet chair.
• Olive Leaf (#7A8A00): A full-bodied, balanced green — the color of a quiet forest floor.
• Navy (#463A62): A deep, shadowed, dusty violet — the color of a velvet chair.

Feels like: Nature, Growth, Creativity, Balance. Tagged warm.

Use it as a design system

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

• Softworn Emerald color palette (#F5F7E7, #9BC592, #D289BB, #44962F, #5B334F)
• Muted Bronze Atelier color palette (#FFF3E6, #DDAE76, #979BEF, #B07000, #3C3E66)
• Chartreuse Parlor color palette (#E6FAF5, #B7E777, #B3B1FF, #799554, #353456)
• Iris Balcony color palette (#E9FAF3, #9BA762, #9972D3, #616D00, #483A60)
• Wandering Violet color palette (#EFFAE5, #68B79C, #649CDC, #986CD2, #363933)
• Muted Driftwood Hollow color palette (#FFF2EA, #D1B99E, #B88068, #8D5760, #403D36)
• Ancient Glacier color palette (#FAF5E3, #C8EDD2, #90DDF2, #C09267, #52524B)
• Worn Cypress color palette (#F1F7EE, #EFB4A6, #19846D, #054E40, #1D2418)

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