Softworn Sapphire color palette — #E2F7F6 · #8FC0EF · #006DDD · #004D6C · #041444

Royal Blue and Deep Indigo set the tone — five colors that lean into trust and stability.

The five colors

• Ivory (#E2F7F6): A whisper-light, dusty teal — the color of sea glass.
• Sky (#8FC0EF): A luminous, balanced blue — the color of deep harbor water.
• Royal Blue (#006DDD): A full-bodied, vivid blue — the color of open sky before noon.
• Peacock (#004D6C): A deep, shadowed, balanced blue — the color of deep harbor water.
• Deep Indigo (#041444): A deep, shadowed, balanced violet — the color of wild irises.

Feels like: Trust, Stability, Creativity, Calm, Energy, 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

• Wandering Petrol color palette (#DBEDEC, #7CBDDE, #0072A9, #004958, #00172D)
• Tempered Sapphire color palette (#FFF3E6, #74BEFF, #4665CA, #00545F, #342663)
• Lilac Grove color palette (#ECF2FF, #C8CDFF, #B187FF, #005BAE, #141545)
• Tempered Chapel color palette (#E9F5F3, #8FDDF7, #008FBC, #00616B, #00283D)
• Cornflower Market color palette (#F1F9E3, #A0D0FF, #3D8BF2, #006C96, #162D6B)
• Lapis Harbor color palette (#E6ECFF, #4E51FF, #AD008B, #005D67, #070532)
• Cornflower Harbor color palette (#DBE8F5, #008AE5, #008940, #004F86, #001C08)
• Cerulean Atelier color palette (#D4E3E1, #1F8796, #004351, #001F1F, #000203)

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