Pale Sapphire color palette — #EDF9EF · #80C0EA · #006DCA · #005461 · #1C2D69

A conversation between Royal Blue and Navy, giving this palette its sense of trust and stability.

The five colors

• Ivory (#EDF9EF): bright and airy, almost weightless.
• Sky (#80C0EA): A luminous, balanced blue — the color of open sky before noon.
• Royal Blue (#006DCA): A full-bodied, vivid blue — the color of a favorite pair of jeans.
• Peacock (#005461): A full-bodied, dusty blue — the color of deep harbor water.
• Navy (#1C2D69): A deep, shadowed, balanced violet — the color of a velvet chair.

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

Use it as a design system

One click turns Pale 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

• Aqua Ridge color palette (#ECF9EE, #53CADE, #00799A, #00564F, #003754)
• Sapphire Terrace color palette (#FFECF3, #69C6FD, #3362EC, #00524E, #1E0C3E)
• Ultramarine Lantern color palette (#E5EFE7, #6FA5D0, #004FB8, #003C4A, #14174A)
• Hushed Parlor color palette (#FFF3E8, #92D4FF, #5F85EE, #00736F, #37275B)
• Faded Periwinkle Villa color palette (#F3F7E9, #B4E0FF, #56B1FF, #0092B8, #003167)
• Hushed Ash color palette (#F1F7F2, #DBDDED, #8099CB, #40778B, #48526A)
• Timeworn Harbor color palette (#F1F7F2, #B8E5F2, #2A9AAB, #007359, #304C5C)
• Muted Periwinkle color palette (#E4FAFF, #7FE1F6, #39AEFE, #007956, #003D40)

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