Sapphire Canyon color palette — #FAF0E7 · #93C2E1 · #3A62EA · #00524F · #210049

Built around Royal Blue, softened by Deep Indigo — the whole palette hums with trust and stability.

The five colors

• Cream (#FAF0E7): bright and airy, almost weightless.
• Sky (#93C2E1): A luminous, dusty blue — the color of open sky before noon.
• Royal Blue (#3A62EA): A full-bodied, vivid violet — the color of a velvet chair.
• Forest (#00524F): A deep, shadowed, dusty teal — the color of glacier melt.
• Deep Indigo (#210049): A deep, shadowed, balanced violet — the color of wild irises.

Feels like: Trust, Stability, Creativity, Calm, Energy, Balance. Tagged coastal, cool, light, 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

• Patina Pier color palette (#F0E7E2, #87BCD2, #326DAF, #004C40, #120C3A)
• Softworn Sapphire Workshop color palette (#FDF4E5, #84BFE8, #006CCD, #005462, #1B2A6F)
• Gentle Cobalt Villa color palette (#FDEEE7, #A1DBE8, #008BD0, #006548, #141E55)
• Muted Cornflower color palette (#FFF1F6, #91D4FF, #5582FF, #00736E, #382264)
• Ancient Ridge color palette (#E9DED4, #79A79A, #404EA4, #00393A, #110025)
• Aged Sapphire color palette (#D8E2FE, #4059F9, #A04600, #674700, #04003C)
• Tempered Ultramarine color palette (#CBE0FF, #5F9AFF, #005ABB, #00265D, #000719)
• Linen Fuchsia color palette (#E6F4FF, #C3CDFF, #FA7CC5, #006C6D, #11194E)

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