Softworn Sapphire color palette — #E2F7F6 · #98C0E7 · #166ED7 · #004D6C · #020F4E

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

The five colors

• Ivory (#E2F7F6): A whisper-light, dusty teal — the color of sea glass.
• Sky (#98C0E7): A luminous, dusty blue — the color of deep harbor water.
• Royal Blue (#166ED7): A full-bodied, vivid blue — the color of deep harbor water.
• Peacock (#004D6C): A deep, shadowed, balanced blue — the color of deep harbor water.
• Deep Indigo (#020F4E): 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 Softworn 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

• Washed Archive color palette (#DFECEB, #99B8CE, #0071AC, #004959, #00162E)
• Linen Sapphire color palette (#FFF3E6, #89BDEF, #425AE6, #005460, #362267)
• Tempered Lantern color palette (#E6EEFF, #BBC3FF, #AE92FD, #0060A6, #0F1751)
• Weathered Cerulean Corridor color palette (#E5F6F4, #ABD7EF, #008FBC, #00616B, #00283E)
• Cornflower Delta color palette (#F3F7EB, #A1D0FF, #3289FE, #006B97, #192E66)
• Sunlit Byzantium Market color palette (#D6E7FD, #0070D5, #9C00B6, #005F5A, #000E24)
• Aged Iris color palette (#EFF8EF, #DBDEF1, #7191FF, #007080, #2A0362)
• Weathered Station color palette (#D5E3E1, #4A96A8, #005167, #002B2E, #00050A)

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