Sapphire Canyon color palette — #D9F7E4 · #B59B24 · #535FBC · #665600 · #2A305E

Royal Blue and Mustard set the tone — five colors that lean into nature and growth.

The five colors

• Honeydew (#D9F7E4): A whisper-light, dusty teal — the color of sea glass.
• Mustard (#B59B24): A luminous, balanced green — the color of fresh herbs.
• Royal Blue (#535FBC): A full-bodied, balanced violet — the color of wild irises.
• Olive (#665600): A full-bodied, balanced green — the color of new leaves after rain.
• Navy (#2A305E): A deep, shadowed, balanced violet — the color of wild irises.

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

• Quiet Indigo Bloom color palette (#D5F2DE, #AA8F28, #7170C5, #665300, #181243)
• Moss Cabin color palette (#D3F8EE, #82AD40, #7D50AC, #436200, #3D2C52)
• Feathered Amber Loft color palette (#FEE8EF, #DA8623, #0070AD, #7D4800, #133953)
• Antique Moss color palette (#E1FDF2, #98AA3F, #917AC6, #606E0C, #3C3F5F)
• Ancient Grape Orchard color palette (#D9EAE1, #757100, #5F3BB3, #3E3B00, #1E0A43)
• Aged Bronze color palette (#C8F0DA, #877C00, #007896, #804269, #153225)
• Lilac Lagoon color palette (#E3FBF9, #82C191, #B983B8, #527F5D, #4F4960)
• Taupe Harbor color palette (#D4F0DD, #9B9B54, #736225, #5B3E0B, #15372F)

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