Weathered Sapphire color palette — #B1F4FF · #79D6FF · #40A8FF · #386CFF · #32009A

Sapphire takes the lead with Indigo close behind in a set that reads as trust and stability at first glance.

The five colors

• Sea Foam (#B1F4FF): A whisper-light, dusty blue — the color of deep harbor water.
• Sky (#79D6FF): A whisper-light, balanced blue — the color of open sky before noon.
• Cornflower (#40A8FF): A luminous, balanced blue — the color of a favorite pair of jeans.
• Sapphire (#386CFF): A full-bodied, vivid violet — the color of a velvet chair.
• Indigo (#32009A): A deep, shadowed, vivid violet — the color of a velvet chair.

Feels like: Trust, Stability, Creativity, Calm, Energy. Tagged vibrant, cool.

Use it as a design system

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

• Dusty Amethyst Lagoon color palette (#CEF0FF, #92CFFF, #78A3FF, #744EFF, #46007F)
• Muted Nightshade Atelier color palette (#97FFF9, #13E1F6, #03B6F0, #0082DC, #0A00A2)
• Navy Coast color palette (#96F0FF, #00AEDF, #0070B9, #0935A0, #1B004F)
• Worn Lapis Thicket color palette (#D3ECF5, #5DBEFD, #5092EF, #5343EB, #2A005A)
• Antique Grape Garden color palette (#CFEAFF, #69A1F0, #636CEA, #6E00C8, #270035)
• Lapis Lagoon color palette (#D9FFF1, #18EAF7, #0B9BF1, #4E44C6, #37004F)
• Lapis Grove color palette (#9FFFD8, #14CCD7, #008FD2, #4B11F1, #520075)
• Gentle Scarlet Thicket color palette (#DEFFE5, #3BD3FF, #659AFF, #DB2F10, #003A55)

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