Sapphire Canyon color palette — #C9F0D5 · #A08100 · #4052FF · #5F4C00 · #18236B

Royal Blue takes the lead with Navy close behind in a set that reads as nature and growth at first glance.

The five colors

• Honeydew (#C9F0D5): A whisper-light, dusty teal — the color of sea glass.
• Mustard (#A08100): A luminous, balanced green — the color of new leaves after rain.
• Royal Blue (#4052FF): A full-bodied, vivid violet — the color of a velvet chair.
• Bronze (#5F4C00): A full-bodied, balanced green — the color of fresh herbs.
• Navy (#18236B): A deep, shadowed, balanced violet — the color of wild irises.

Feels like: Nature, Growth, Optimism, 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

• Misty Lapis Station color palette (#CFE9D4, #A97F00, #614EF7, #614700, #120049)
• Soft Coast color palette (#CDEDDF, #999A22, #6A15EC, #525200, #30166C)
• Aged Ultramarine color palette (#CEEFCD, #C28622, #0060B8, #6B4500, #002D5C)
• Misty Orchard color palette (#EEE7B2, #C4B12A, #3774EC, #776A00, #05266C)
• Hushed Study color palette (#D9FFF3, #8BB426, #8E3CD6, #4D6700, #462A65)
• Frosted Grape Dune color palette (#C8E6DF, #5AA32B, #87279F, #265600, #3A1744)
• Tempered Iris color palette (#EDF8F2, #B9B272, #8F8EDF, #7E7419, #444C65)
• Ancient Ember Studio color palette (#FBD9ED, #D85600, #007C99, #833100, #003441)

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