Sapphire Ridge color palette — #FFF3E7 · #82BFEA · #3C5BE8 · #005654 · #3B2066

Royal Blue and Royal Purple set the tone — five colors that lean into trust and stability.

The five colors

• Ivory (#FFF3E7): A whisper-light, dusty gold — the color of old brass.
• Sky (#82BFEA): A luminous, balanced blue — the color of a favorite pair of jeans.
• Royal Blue (#3C5BE8): A full-bodied, vivid violet — the color of a velvet chair.
• Peacock (#005654): A full-bodied, dusty teal — the color of shallow lagoons.
• Royal Purple (#3B2066): A deep, shadowed, balanced violet — the color of twilight just after sunset.

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

• Washed Sapphire Alley color palette (#E4F8E8, #71C4FF, #1C6FD2, #004F5E, #0C1343)
• Petrol Bloom color palette (#FFF2EC, #63C8DC, #0075AF, #00583E, #1F2D65)
• Muted Basin color palette (#FBF4EE, #A1D1BE, #4873D0, #00605A, #502E40)
• Cornflower Canyon color palette (#FFF4E2, #96D2FF, #3B8BF1, #006F83, #222D63)
• Faded Nightshade Villa color palette (#E7DCD0, #71A4D0, #3E48AF, #003E3F, #26143C)
• Periwinkle Boulevard color palette (#FFF1F6, #B6E0FF, #7CA9FF, #0096A2, #2F2766)
• Dusty Cerulean color palette (#FCF3F0, #CCE4CD, #2098BC, #3F6F47, #553E57)
• Cerulean Quarry color palette (#F3E5DF, #2EA0B0, #004F74, #00321F, #030B3E)

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