Sapphire Canyon color palette — #EAF2FF · #3A6BFF · #7D6A00 · #564800 · #071130

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

The five colors

• Ivory (#EAF2FF): a clean, paper-quiet neutral.
• Sapphire (#3A6BFF): A full-bodied, vivid violet — the color of twilight just after sunset.
• Walnut (#7D6A00): A full-bodied, balanced green — the color of a quiet forest floor.
• Deep Olive (#564800): A full-bodied, balanced green — the color of fresh herbs.
• Ink (#071130): A deep, shadowed, dusty violet — the color of twilight just after sunset.

Feels like: Nature, Growth, Creativity, Energy, Balance. Tagged vibrant.

Use it as a design system

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

• Amethyst Study color palette (#E2E8FF, #7554E7, #5F6D00, #404900, #0A0E22)
• Cobalt Meadow color palette (#E6F4FF, #0085BC, #9E5500, #6E3A00, #001626)
• Feathered Violet color palette (#EEF1FF, #895DFA, #8E4300, #004336, #001E17)
• Linen Orchid color palette (#F1F0FF, #A36AC2, #5B8240, #3E5C28, #191828)
• Patina Periwinkle color palette (#FFF0FC, #84A2FF, #AC5D00, #587100, #1C2851)
• Muted Iris color palette (#CCFEF2, #8C77FF, #9E2D77, #004B31, #251232)
• Quiet Bloom color palette (#ECEEFF, #6A00BC, #344D00, #1D2D00, #04000C)
• Peony Cabin color palette (#FFF0FB, #899EFF, #D96494, #007770, #2B1025)

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