Sapphire Ridge color palette — #DAEFFF · #1786F7 · #3A58EC · #432AB7 · #1C003F

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

The five colors

• Frost (#DAEFFF): A whisper-light, dusty blue — the color of open sky before noon.
• Azure (#1786F7): A luminous, vivid blue — the color of a favorite pair of jeans.
• Royal Blue (#3A58EC): A full-bodied, vivid violet — the color of a velvet chair.
• Indigo (#432AB7): A full-bodied, vivid violet — the color of a velvet chair.
• Deep Indigo (#1C003F): A deep, shadowed, balanced violet — the color of a velvet chair.

Feels like: Trust, Stability, Creativity, Energy. Tagged vibrant.

Use it as a design system

One click turns Sapphire Ridge 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

• Feathered Summit color palette (#D2EBF6, #0095DA, #006DCE, #0035B4, #0F0044)
• Amethyst Archive color palette (#E0E9F7, #5E77FF, #6E44E3, #5902A6, #1C0029)
• Pale Ultramarine Villa color palette (#D4E4E9, #007EC9, #0D33D4, #3D0079, #1D0027)
• Hazy Alley color palette (#E7EFFF, #717BFF, #8E8100, #4944DD, #121000)
• Nightshade Station color palette (#D1E4F3, #0058BA, #2100AC, #16004C, #050015)
• Feathered Lagoon color palette (#DDECFF, #8AABFF, #7B79FF, #7944DF, #441A69)
• Powdered Bloom color palette (#DDDFF2, #D6A6FB, #DE82C7, #4E79D0, #1B0D2F)
• Indigo Thicket color palette (#E7E8F5, #7260F6, #C04900, #007A54, #070024)

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