Sapphire Pier color palette — #E4F7F3 · #7BBC60 · #105DE7 · #2C6C00 · #01081B
Built around Royal Blue, softened by Olive — the whole palette hums with nature and growth.
The five colors
- Ivory (#E4F7F3): A whisper-light, dusty teal — the color of sea glass.
- Clover (#7BBC60): A luminous, balanced green — the color of new leaves after rain.
- Royal Blue (#105DE7): A full-bodied, vivid violet — the color of a velvet chair.
- Olive (#2C6C00): A full-bodied, balanced green — the color of new leaves after rain.
- Ink (#01081B): A deep, shadowed, dusty blue — the color of a favorite pair of jeans.
Feels like: Nature, Growth, Trust, Stability, Energy, Balance. Tagged duotone, 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
- Muted Lime color palette (#E8F6F0, #A5B211, #006EB8, #596100, #000A18)
- Amethyst Coast color palette (#E0F7F8, #00C495, #7626F7, #006C50, #050719)
- Gentle Lapis color palette (#DBE8E6, #50A353, #481EDA, #035610, #01010B)
- Weathered Drift color palette (#E6FAFA, #00BF7E, #006C9E, #006641, #0A1F2E)
- Washed Thicket color palette (#F5F7E8, #65DA41, #2682FA, #3E8C25, #281528)
- Ancient Summit color palette (#E8F5F6, #5EC9B5, #9459A8, #007566, #0E0C19)
- Frosted Grape color palette (#E0F7F7, #008557, #521CDD, #592A00, #001213)
- Hushed Jade color palette (#FFEBF9, #00AB7D, #00679D, #751200, #002221)
Browse the whole catalog at Explore, or see today's palette.