Pale Sapphire color palette — #FFF0F7 · #63C3F6 · #156BCD · #005557 · #282A66

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

The five colors

• Ivory (#FFF0F7): bright and airy, almost weightless.
• Sky (#63C3F6): A luminous, balanced blue — the color of a favorite pair of jeans.
• Royal Blue (#156BCD): A full-bodied, vivid blue — the color of open sky before noon.
• Peacock (#005557): A full-bodied, dusty teal — the color of shallow lagoons.
• Navy (#282A66): 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 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

• Tempered Cobalt color palette (#FFF1F8, #97CEE8, #3E7CB9, #00605E, #2A3A5A)
• Hazy Sapphire Dune color palette (#FFECF4, #8BC4E3, #376CD0, #00524C, #1E004D)
• Wandering Workshop color palette (#EDD9E1, #57A7DC, #2652A5, #003D42, #1C1645)
• Navy Villa color palette (#DEEFEE, #00A3BD, #006C92, #004981, #202E74)
• Feathered Bloom color palette (#E8F7FF, #C4CDFF, #C482E3, #006973, #1F335C)
• Misty Grove color palette (#FCF4E8, #AFE2FF, #5CB0FF, #0095A6, #0A2979)
• Tempered Ash color palette (#FCF2F5, #DADEEE, #8599C4, #3E7981, #4B5169)
• Tempered Azure Corridor color palette (#CDE9FF, #259EDE, #934C00, #00547C, #482200)

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