Sapphire Pier color palette — #E6F9FF · #00A2A8 · #5062D5 · #4C3DA0 · #282000
Built around Royal Blue, softened by Indigo — the whole palette hums with nature and growth.
The five colors
- Ivory (#E6F9FF): A whisper-light, dusty blue — the color of deep harbor water.
- Cerulean (#00A2A8): A luminous, balanced teal — the color of shallow lagoons.
- Royal Blue (#5062D5): A full-bodied, vivid violet — the color of twilight just after sunset.
- Indigo (#4C3DA0): A full-bodied, balanced violet — the color of twilight just after sunset.
- Onyx (#282000): A deep, shadowed, dusty green — the color of a quiet forest floor.
Feels like: Nature, Growth, Creativity, Balance. Tagged jewel, vibrant.
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
- Powdered Nightshade Thicket color palette (#E3FAFF, #009F85, #0082AB, #3546AB, #371424)
- Antique Dune color palette (#E9F8FF, #0099AF, #007892, #6A308F, #042B18)
- Nightshade Study color palette (#F3F8E2, #00863E, #5636B7, #6A002C, #291E00)
- Gentle Veranda color palette (#EDF6FF, #3D8ECD, #146CA7, #802C47, #002728)
- Sunlit Balcony color palette (#ECF7FF, #1B90FC, #446BCE, #8C2588, #1C2900)
- Azure Veranda color palette (#F0F5FF, #5999E0, #8C6DB9, #824863, #102E2B)
- Sapphire Ridge color palette (#F0F5FF, #5C7FFF, #405EDD, #98200D, #002931)
- Lapis Coast color palette (#E4F0FF, #0877F0, #5B36E1, #703F00, #001B25)
Browse the whole catalog at Explore, or see today's palette.