Soft Sapphire color palette — #D7E4DA · #87B6E4 · #3168ED · #00566D · #181648

Built around Royal Blue, softened by Deep Indigo — the whole palette hums with trust and stability.

The five colors

• Bone (#D7E4DA): bright and airy, almost weightless.
• Sky (#87B6E4): A luminous, balanced blue — the color of open sky before noon.
• Royal Blue (#3168ED): A full-bodied, vivid violet — the color of a velvet chair.
• Peacock (#00566D): A full-bodied, dusty blue — the color of deep harbor water.
• Deep Indigo (#181648): A deep, shadowed, balanced violet — the color of a velvet chair.

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

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

• Muted Cobalt Market color palette (#DBE6DD, #6BBED9, #007EB1, #00595A, #00203F)
• Sunlit Cobalt Chapel color palette (#F2F7EA, #ABD0F5, #457AC5, #004C6D, #010531)
• Soft Meadow color palette (#DFEBDE, #6FA4D3, #3F48B0, #003E40, #26143B)
• Aged Balcony color palette (#EBE3DA, #96C5F1, #758ED9, #007B8B, #220D4D)
• Frosted Azure color palette (#E9FBEC, #84D8F5, #0097D6, #007274, #003362)
• Periwinkle Corridor color palette (#BEE9F6, #5FD7FB, #56A4FD, #007F6B, #002C3A)
• Wandering Quarry color palette (#DDEFF2, #00AEBA, #00717B, #003A40, #000E10)
• Timeworn Turquoise Lagoon color palette (#F1F7F2, #CAE1FA, #2EB7D2, #358B77, #324B5C)

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