Sapphire Canyon color palette — #FFF0FE · #7FAEFF · #CF9918 · #0E63EF · #4D3600

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

The five colors

• Blush (#FFF0FE): A whisper-light, dusty pink — the color of neon signs at night.
• Cornflower (#7FAEFF): A luminous, balanced violet — the color of a velvet chair.
• Mustard (#CF9918): A luminous, balanced gold — the color of honey in a jar.
• Royal Blue (#0E63EF): A full-bodied, vivid violet — the color of twilight just after sunset.
• Deep Olive (#4D3600): A deep, shadowed, dusty gold — the color of old brass.

Feels like: Trust, Stability, Optimism, 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

• Hazy Loft color palette (#FFE6F5, #9E9EEC, #A8962C, #6755E4, #3E3600)
• Pale Cornflower color palette (#EFF6FF, #A8C8FF, #DBA807, #3876E6, #3C2C00)
• Amber Alley color palette (#DDFEF3, #80C7FF, #E37C00, #006EAA, #5A2D00)
• Gentle Ridge color palette (#DFFDF4, #1099F4, #937E00, #00609D, #453A00)
• Violet Veranda color palette (#FFF1F6, #C6A8E9, #8AB463, #9565C7, #364923)
• Muted Workshop color palette (#FFF1F5, #D8A7FF, #89AA00, #9400D6, #334100)
• Pale Pier color palette (#E4FCEC, #32D5F2, #E2582C, #00869A, #6A1B00)
• Sunlit Rose Villa color palette (#FFE0F9, #7094FF, #F4493F, #00973B, #1E2D5A)

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