Sapphire Boulevard color palette — #FFF1F5 · #7FBEF5 · #4766C5 · #00545F · #34216C

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

The five colors

• Ivory (#FFF1F5): a clean, paper-quiet neutral.
• Sky (#7FBEF5): A luminous, balanced blue — the color of a favorite pair of jeans.
• Royal Blue (#4766C5): A full-bodied, balanced violet — the color of a velvet chair.
• Peacock (#00545F): A full-bodied, dusty blue — the color of a favorite pair of jeans.
• Royal Purple (#34216C): A deep, shadowed, balanced violet — the color of wild irises.

Feels like: Trust, Stability, Creativity, Calm, Balance. Tagged coastal, cool, light.

Use it as a design system

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

• Frosted Navy Quarry color palette (#FFF0F9, #61C7E2, #0075AC, #00574C, #072D6F)
• Pale Cobalt Studio color palette (#EEF5E2, #88C1F4, #1F71CB, #004D6A, #000E51)
• Cornflower Delta color palette (#E4FAFA, #9CD1FF, #1F8CFB, #006C93, #02297B)
• Wisteria Quarry color palette (#EDF5FF, #CBC3FF, #CC80C9, #00687C, #2A345D)
• Pale Lagoon color palette (#FFF3E6, #B9DEFF, #84A7FF, #0095A6, #322760)
• Powdered Sapphire Grove color palette (#D0E0F5, #006DD9, #8B5700, #4F5207, #00234D)
• Muted Spruce color palette (#F5EAF1, #62AEAA, #006272, #004122, #002334)
• Cypress Hollow color palette (#FAF3F8, #C3E2EE, #5094AF, #1C7257, #344A5F)

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