Softworn Sapphire color palette — #E4F1F1 · #93BBE3 · #2065BC · #003A53 · #000015

A conversation between Cobalt and Sky, giving this palette its sense of trust and stability.

The five colors

• Cream (#E4F1F1): bright and airy, almost weightless.
• Sky (#93BBE3): A luminous, dusty blue — the color of deep harbor water.
• Cobalt (#2065BC): A full-bodied, balanced blue — the color of open sky before noon.
• Deep Teal (#003A53): A deep, shadowed, dusty blue — the color of open sky before noon.
• Black (#000015): A deep, shadowed, dusty violet — the color of a velvet chair.

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

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

• Muted Bloom color palette (#E1F3F0, #78C4D6, #00728F, #003D41, #000306)
• Dusty Navy Ridge color palette (#E2E7D9, #5694D0, #004599, #002C42, #030B3E)
• Hazy Atelier color palette (#E3EDE2, #7CB6EA, #4F73FF, #006B79, #17013D)
• Quiet Emerald color palette (#D3F0EA, #4C9225, #00709A, #1D4700, #000103)
• Muted Azure Workshop color palette (#ECF8F7, #D5DBF8, #4F95DF, #006586, #011B47)
• Turquoise Quarry color palette (#E7FAF6, #C7DBFD, #00AEBE, #007369, #002A32)
• Tempered Olive Atelier color palette (#D1F1E7, #587200, #006662, #663400, #010100)
• Teal Veranda color palette (#D6FFFA, #A0DAB5, #00BF9F, #345A00, #000C03)

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