Soft Sapphire color palette — #E5F2E7 · #6DC0F6 · #0066C2 · #003C47 · #010015

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

The five colors

• Cream (#E5F2E7): A whisper-light, dusty teal — the color of sea glass.
• Sky (#6DC0F6): A luminous, balanced blue — the color of deep harbor water.
• Royal Blue (#0066C2): A full-bodied, vivid blue — the color of deep harbor water.
• Deep Teal (#003C47): A deep, shadowed, dusty blue — the color of a favorite pair of jeans.
• Ink (#010015): A deep, shadowed, dusty violet — the color of a velvet chair.

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

Use it as a design system

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

• Patina Aqua Garden color palette (#E0F4E4, #47CAE0, #007292, #003E39, #000307)
• Navy Workshop color palette (#F1E3D6, #5891B7, #164494, #002B2F, #04001A)
• Glacier Garden color palette (#EBFAEE, #68E2E3, #00899C, #005341, #000F16)
• Softworn Cobalt color palette (#EEE0E5, #74B9E5, #5382D0, #006C72, #11063C)
• Worn Periwinkle color palette (#EFF8F1, #DAD5E0, #7FA7E7, #1F7A92, #252B4D)
• Worn Glacier color palette (#77F8FA, #00A9A7, #005C60, #001617, #000202)
• Periwinkle Corridor color palette (#BDFFFA, #30DFFA, #39A8F9, #006847, #000405)
• Washed Archive color palette (#D0F0EA, #009284, #BB0064, #00463F, #040001)

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