Pale Canyon color palette — #E7F7E6 · #ACAD61 · #3D7C3C · #4B4475 · #222200

Olive takes the lead with Sage close behind in a set that reads as nature and growth at first glance.

The five colors

• Cream (#E7F7E6): A whisper-light, dusty green — the color of new leaves after rain.
• Sage (#ACAD61): A luminous, balanced green — the color of a quiet forest floor.
• Olive (#3D7C3C): A full-bodied, balanced green — the color of fresh herbs.
• Navy (#4B4475): A full-bodied, balanced violet — the color of a velvet chair.
• Onyx (#222200): A deep, shadowed, dusty green — the color of a quiet forest floor.

Feels like: Nature, Growth, Creativity, Balance, Grounding. Tagged botanical, earthy, muted.

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

• Linen Basin color palette (#D7EBD7, #959B4C, #006F27, #473165, #161800)
• Cypress Balcony color palette (#E0F9EA, #8EB480, #007E64, #70364B, #0F2704)
• Olive Grove color palette (#EBF9EF, #A6A773, #547600, #5F4176, #3E3D00)
• Ancient Cypress Market color palette (#E7F6F0, #87C0BD, #46817C, #584F6C, #052E2D)
• Airy Emerald color palette (#FFF3E5, #BDC080, #529955, #655EA2, #3C3D10)
• Aged Harbor color palette (#D5E7DD, #54874F, #005042, #391C3E, #010B00)
• Ember Market color palette (#FFDCD1, #DB4C16, #00839A, #2F618B, #300800)
• Airy Cerulean Market color palette (#F8EEF6, #90DFE7, #008EC1, #00663B, #0A224F)

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