Pale Sapphire color palette — #F6EEE8 · #88B8D9 · #336FD7 · #00585E · #1B1050

Royal Blue takes the lead with Deep Indigo close behind in a set that reads as trust and stability at first glance.

The five colors

• Cream (#F6EEE8): bright and airy, almost weightless.
• Sky (#88B8D9): A luminous, dusty blue — the color of open sky before noon.
• Royal Blue (#336FD7): A full-bodied, vivid violet — the color of twilight just after sunset.
• Peacock (#00585E): A full-bodied, dusty blue — the color of open sky before noon.
• Deep Indigo (#1B1050): A deep, shadowed, balanced violet — the color of twilight just after sunset.

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

• Tempered Cobalt Workshop color palette (#F3E3DC, #7CBDCA, #007FAD, #005B4B, #001E43)
• Cobalt Balcony color palette (#FFF1F6, #95D4FF, #4D79C4, #005156, #0B022F)
• Softworn Workshop color palette (#E1EFEE, #78A5C4, #005A98, #003B4E, #001E46)
• Azure Studio color palette (#EDF2E2, #8DC7F1, #1796F6, #00789A, #001D46)
• Muted Azure color palette (#FFF2EC, #96D7E5, #0098D2, #007462, #00306B)
• Weathered Denim color palette (#F9ECE3, #709E8C, #1F57A0, #003B3D, #06002B)
• Feathered Iris color palette (#FEF3E9, #B7E7D9, #7698ED, #00808F, #3F3277)
• Denim Coast color palette (#E8DED2, #A26500, #006FAB, #0056AA, #1C0E00)

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