Sapphire Canyon color palette — #D0E9D4 · #AA7E00 · #3267EF · #6A4D00 · #051543

A conversation between Royal Blue and Mustard, giving this palette its sense of optimism and creativity.

The five colors

• Celadon Mist (#D0E9D4): A whisper-light, dusty teal — the color of sea glass.
• Mustard (#AA7E00): A luminous, balanced gold — the color of old brass.
• Royal Blue (#3267EF): A full-bodied, vivid violet — the color of a velvet chair.
• Bronze (#6A4D00): A full-bodied, balanced gold — the color of afternoon light on wheat.
• Deep Indigo (#051543): A deep, shadowed, balanced violet — the color of a velvet chair.

Feels like: 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

• Pale Lapis color palette (#DBF5E8, #817B00, #5939EF, #4B4700, #0D0039)
• Powdered Petrol Pier color palette (#FFE7EF, #CF8324, #0067B2, #764500, #001B36)
• Timeworn Indigo Canyon color palette (#F6E6D1, #E1A22C, #6468E9, #946700, #140057)
• Frosted Grape Lagoon color palette (#E1F0EA, #93A125, #7B3BC1, #505900, #23093E)
• Patina Byzantium Dune color palette (#E1EBB8, #A9BC2A, #9946EC, #657100, #3D0A68)
• Dusty Amber Harbor color palette (#FDECCD, #B28C00, #008D81, #604A00, #000A08)
• Linen Canyon color palette (#E9DFC2, #8E7100, #007686, #83337C, #181100)
• Ancient Workshop color palette (#F2D6E9, #EA4100, #00829A, #932500, #001F26)

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