Pale Sapphire color palette — #FFF0F8 · #80C1E1 · #2269D0 · #00574D · #32216E

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

The five colors

• Ivory (#FFF0F8): a clean, paper-quiet neutral.
• Sky (#80C1E1): A luminous, balanced blue — the color of deep harbor water.
• Royal Blue (#2269D0): A full-bodied, vivid blue — the color of open sky before noon.
• Forest (#00574D): A full-bodied, dusty teal — the color of sea glass.
• Royal Purple (#32216E): 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

• Cobalt Summit color palette (#FBF2F7, #ADCADB, #3E7BBD, #006151, #34355E)
• Cobalt Basin color palette (#FBF0E0, #74C8EC, #0078B8, #005156, #00173F)
• Denim Pier color palette (#EDDFE5, #79A5C0, #31539E, #003E3A, #240851)
• Weathered Navy Ridge color palette (#CEEADE, #00ACAB, #00718F, #004479, #211C7C)
• Gentle Azure color palette (#D8EBFF, #15A5FB, #0059A9, #00304E, #001A2B)
• Antique Fuchsia color palette (#ECF7FF, #BFC7FF, #E084C4, #007B67, #1A3B68)
• Airy Indigo Courtyard color palette (#D8DEFF, #5B5AE2, #BB003B, #833A00, #1B1A53)
• Antique Thicket color palette (#FAF3F6, #D9DEEE, #8898C2, #0B7F7C, #4C506C)

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