Hushed Sapphire color palette — #FFF1F5 · #87BEEC · #5364C1 · #005557 · #3E1F63

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

The five colors

• Ivory (#FFF1F5): a clean, paper-quiet neutral.
• Sky (#87BEEC): A luminous, balanced blue — the color of a favorite pair of jeans.
• Royal Blue (#5364C1): A full-bodied, balanced violet — the color of wild irises.
• Peacock (#005557): A full-bodied, dusty teal — the color of shallow lagoons.
• Royal Purple (#3E1F63): A deep, shadowed, balanced violet — the color of twilight just after sunset.

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

Use it as a design system

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

• Cobalt Harbor color palette (#FFF1F6, #A6CAE7, #5E76B0, #00605D, #333759)
• Sapphire Summit color palette (#FAF0E1, #91C1EA, #296CD8, #004F61, #100750)
• Airy Navy Alley color palette (#FDF1FB, #58CBD4, #0078A0, #005930, #002E71)
• Cornflower Thicket color palette (#ECF9EF, #9BD1FF, #4588F7, #006F87, #24286D)
• Timeworn Spruce color palette (#EFE3F2, #6AACAA, #006179, #004210, #00203E)
• Washed Cerulean color palette (#F9F3F8, #C4E2EC, #4C94B5, #3A6F4C, #364961)
• Chalky Iris color palette (#D5FFF7, #72D6FF, #888DFF, #3B6D05, #00404B)
• Hushed Periwinkle Villa color palette (#FFF3E7, #B9DFFF, #8EA4FF, #009799, #3D225E)

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