Pale Sapphire color palette — #EFF6FF · #7EAEFF · #00B77E · #2B70E7 · #00472E
A conversation between Royal Blue and Jade, giving this palette its sense of trust and stability.
The five colors
- Ivory (#EFF6FF): bright and airy, almost weightless.
- Cornflower (#7EAEFF): A luminous, balanced violet — the color of wild irises.
- Jade (#00B77E): A luminous, balanced teal — the color of sea glass.
- Royal Blue (#2B70E7): A full-bodied, vivid violet — the color of twilight just after sunset.
- Forest (#00472E): A deep, shadowed, dusty teal — the color of glacier melt.
Feels like: Trust, Stability, Calm, Energy, Balance. Tagged cool.
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
- Aged Ultramarine color palette (#CFDFF9, #6592FF, #009D7B, #2652DB, #003125)
- Wandering Cornflower color palette (#EEF6FF, #A1CBFF, #D5AA07, #007AE9, #3A2C00)
- Wandering Cornflower Orchard color palette (#EFF6FF, #4192FF, #977C00, #0057B9, #473900)
- Gentle Peony Basin color palette (#E7E9FF, #8B8BFF, #F70FAF, #008CA4, #2A2B54)
- Byzantium Study color palette (#E6DFFF, #DF64E4, #009AC7, #A900B0, #003345)
- Hushed Magenta Lagoon color palette (#EAF8FF, #00C1E9, #D559FF, #0085A1, #4C2A59)
- Peony Lagoon color palette (#EDF6FF, #5DB5FF, #FD3FBF, #007CC9, #5E1F47)
- Iris Harbor color palette (#F1F5FF, #E5D5E7, #E2B7FF, #6D8EDC, #38405C)
Browse the whole catalog at Explore, or see today's palette.