Sapphire Canyon color palette — #DDF6E5 · #B99A24 · #4561C3 · #685500 · #273358

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

The five colors

• Honeydew (#DDF6E5): A whisper-light, dusty teal — the color of sea glass.
• Mustard (#B99A24): A luminous, balanced green — the color of new leaves after rain.
• Royal Blue (#4561C3): A full-bodied, balanced violet — the color of wild irises.
• Coffee (#685500): A full-bodied, balanced green — the color of fresh herbs.
• Navy (#273358): A deep, shadowed, dusty violet — the color of twilight just after sunset.

Feels like: Nature, Growth, Optimism, Creativity, Balance. Tagged cool.

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

• Linen Moss color palette (#DFF5EB, #9EA524, #874EA1, #585C00, #442850)
• Muted Amber Ridge color palette (#FFE7F1, #D27000, #1880BC, #834300, #123953)
• Hushed Moss color palette (#E6FBF3, #95AA52, #8381C4, #5D6F0F, #38415F)
• Sunlit Indigo color palette (#CBEFD4, #967400, #6C57C2, #5A4B9C, #1A3121)
• Quiet Ultramarine Hollow color palette (#D6F7EA, #697500, #1E42D4, #373E00, #040F4F)
• Wandering Study color palette (#E8FAF6, #8FC077, #C081AE, #5D7D4D, #514860)
• Byzantium Hollow color palette (#D3EFBE, #6AA822, #9600B5, #345B00, #451252)
• Amber Loft color palette (#F3E8D4, #AF8D10, #B45884, #685200, #390021)

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