Pale Sapphire color palette — #FFEFE2 · #86C4EC · #326ECD · #005155 · #170053

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

The five colors

• Cream (#FFEFE2): A whisper-light, dusty gold — the color of old brass.
• Sky (#86C4EC): A luminous, balanced blue — the color of deep harbor water.
• Royal Blue (#326ECD): A full-bodied, balanced blue — the color of deep harbor water.
• Forest (#005155): A deep, shadowed, dusty blue — the color of deep harbor water.
• Deep Indigo (#170053): A deep, shadowed, balanced violet — the color of a velvet chair.

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

Use it as a design system

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

• Petrol Loft color palette (#FFEEE6, #78CAD8, #007CA7, #005343, #001A38)
• Pale Cobalt Atelier color palette (#F3F8E6, #75C1F1, #0072B8, #005269, #053262)
• Soft Cornflower color palette (#FEF1F6, #8FD4FF, #3788FE, #007177, #2B2A62)
• Faded Ultramarine Workshop color palette (#ECE0D5, #7AA799, #264EB4, #00383E, #0B002C)
• Timeworn Petrol Atelier color palette (#F6F1EC, #C8E3E7, #899ACC, #027889, #482C3B)
• Lagoon Corridor color palette (#EBDED8, #438487, #004353, #002113, #000103)
• Timeworn Pine color palette (#E0F6D8, #6DDAF6, #7B9EF2, #007D32, #002328)
• Washed Balcony color palette (#96F9F7, #00B6B9, #00696C, #003132, #000B0A)

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