Sunlit Canyon color palette — #FFF1F6 · #B37AF6 · #7A7E00 · #0E4EB0 · #042C6A

A conversation between Wisteria and Cobalt, giving this palette its sense of nature and growth.

The five colors

• Ivory (#FFF1F6): bright and airy, almost weightless.
• Wisteria (#B37AF6): A luminous, vivid violet — the color of a velvet chair.
• Olive Leaf (#7A7E00): A full-bodied, balanced green — the color of new leaves after rain.
• Cobalt (#0E4EB0): A full-bodied, vivid blue — the color of a favorite pair of jeans.
• Navy (#042C6A): A deep, shadowed, balanced blue — the color of deep harbor water.

Feels like: Nature, Growth, Trust, Stability, Creativity, Balance. Tagged cool.

Use it as a design system

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

• Frosted Corridor color palette (#FFF1F6, #AB7CFF, #797E00, #005E7B, #003648)
• Peony Veranda color palette (#FFF1F2, #E562C3, #008E5F, #004EB3, #002C6A)
• Hazy Magenta color palette (#F6D9DD, #C95AC9, #3C6B00, #003F87, #001E46)
• Hushed Emerald Orchard color palette (#FFF1F2, #D388BE, #5F9044, #624F97, #462C51)
• Sunlit Periwinkle color palette (#FFF0FE, #6BA2FF, #A55A00, #005F74, #003450)
• Misty Periwinkle color palette (#FCF3EC, #B2E3FE, #6098FF, #008379, #3F3863)
• Faded Blush color palette (#FBF1FF, #FF7EA6, #409431, #005D62, #002049)
• Misty Blush Lagoon color palette (#FFF2EE, #FF5773, #00888E, #005895, #003259)

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