Soft Sapphire color palette — #FFF0F7 · #88C0DE · #1F65DC · #00564F · #34216B

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

The five colors

• Ivory (#FFF0F7): bright and airy, almost weightless.
• Sky (#88C0DE): A luminous, dusty blue — the color of deep harbor water.
• Royal Blue (#1F65DC): A full-bodied, vivid violet — the color of twilight just after sunset.
• Peacock (#00564F): A full-bodied, dusty teal — the color of glacier melt.
• Royal Purple (#34216B): A deep, shadowed, balanced violet — the color of a velvet chair.

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

• Worn Corridor color palette (#FCF2F7, #A8CAE1, #4E79B5, #006155, #37345F)
• Patina Cobalt color palette (#F8F1E5, #7AC6ED, #0076C1, #005059, #011445)
• Washed Cornflower color palette (#ECF9EF, #86D6FF, #0091EC, #00717C, #122F68)
• Denim Workshop color palette (#ECE2E6, #81A3BF, #354FA6, #003E3C, #251243)
• Ancient Forest Lantern color palette (#FCF1FE, #78C8C4, #007A95, #065B10, #00355D)
• Softworn Aubergine color palette (#DDF3EC, #00A6B3, #007296, #004173, #2C197E)
• Linen Azure color palette (#E3EEFF, #24A0FB, #005EAA, #002E4C, #001932)
• Tempered Workshop color palette (#E9F8FF, #BFC0FF, #D576BC, #00766B, #1E3472)

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