Misty Canyon color palette — #F7F6E9 · #CADE9A · #F5A19C · #7C9700 · #582726

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

The five colors

• Ivory (#F7F6E9): bright and airy, almost weightless.
• Pistachio (#CADE9A): A whisper-light, balanced green — the color of a quiet forest floor.
• Rose Quartz (#F5A19C): A luminous, balanced orange — the color of autumn markets.
• Olive Leaf (#7C9700): A luminous, balanced green — the color of new leaves after rain.
• Espresso (#582726): A deep, shadowed, dusty orange — the color of toasted spice.

Feels like: Nature, Growth, Balance. Tagged light.

Use it as a design system

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

• Feathered Lagoon Canyon color palette (#F0F9E6, #9BE7C9, #EDAC5B, #00A27A, #4F3106)
• Faded Drift color palette (#FFF3E5, #F9CB8F, #E5A1D6, #BA7B00, #52254A)
• Sunlit Coast color palette (#F7F6E7, #B5DA90, #B6B4FF, #87AD5D, #57364A)
• Gentle Workshop color palette (#FBF4E7, #E4D497, #4FD2CC, #A28800, #004240)
• Tempered Pewter color palette (#FFF2E9, #F8D6B7, #C09379, #8E5D4A, #36312B)
• Softworn Fern color palette (#F6F7E5, #B7E4D9, #B5B6C5, #A5B97E, #484D00)
• Aged Amber Alley color palette (#FBF6D9, #B6C381, #55BFB1, #CF783F, #312B10)
• Weathered Brick color palette (#ECECCE, #569100, #BA2700, #274600, #040000)

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