Sapphire Pier color palette — #B9FDF8 · #64CDE9 · #4E93D7 · #5061B6 · #46276E
A conversation between Royal Blue and Cornflower, giving this palette its sense of trust and stability.
The five colors
- Honeydew (#B9FDF8): A whisper-light, dusty teal — the color of glacier melt.
- Sky (#64CDE9): A luminous, balanced blue — the color of open sky before noon.
- Cornflower (#4E93D7): A luminous, balanced blue — the color of open sky before noon.
- Royal Blue (#5061B6): A full-bodied, balanced violet — the color of wild irises.
- Royal Purple (#46276E): A deep, shadowed, balanced violet — the color of wild irises.
Feels like: Trust, Stability, Creativity, Calm, Balance. Tagged cool.
Use it as a design system
One click turns Sapphire Pier 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 Field color palette (#CFFFFE, #60D2CB, #00A2BB, #0B69A0, #253776)
- Dusty Aubergine Orchard color palette (#D7FFF3, #8EDEEE, #6FB2EB, #7279C2, #572372)
- Washed Sky Field color palette (#E9F8FF, #53B7F4, #407BB3, #2F4E88, #46276A)
- Iris Pier color palette (#E8F8FF, #8FC6FF, #7F86E8, #7D4E9E, #5C1F4F)
- Sunlit Meadow color palette (#EBFAEC, #4FC3D6, #6983C9, #7F5C1D, #274052)
- Quiet Aubergine color palette (#CFEFF4, #0090C0, #0053A0, #350084, #12001C)
- Gentle Hollow color palette (#CDE4E9, #27AFF9, #406CFF, #6800BB, #430045)
- Dusty Courtyard color palette (#DAE6F2, #2696E2, #424C69, #232F3B, #101A1F)
Browse the whole catalog at Explore, or see today's palette.