Sapphire Pier color palette — #D5ECE2 · #A5A72A · #4158E9 · #666700 · #05003E
Built around Royal Blue, softened by Moss — the whole palette hums with nature and growth.
The five colors
- Honeydew (#D5ECE2): A whisper-light, dusty teal — the color of shallow lagoons.
- Moss (#A5A72A): A luminous, balanced green — the color of fresh herbs.
- Royal Blue (#4158E9): A full-bodied, vivid violet — the color of twilight just after sunset.
- Olive (#666700): A full-bodied, balanced green — the color of a quiet forest floor.
- Deep Indigo (#05003E): A deep, shadowed, balanced violet — the color of a velvet chair.
Feels like: Nature, Growth, Creativity, Energy, Balance. Tagged 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
- Sunlit Sapphire color palette (#D8EBDD, #BF9C29, #006BCE, #785F00, #000F27)
- Amethyst Chapel color palette (#EBF4DD, #8BB02A, #764DCF, #536D00, #140033)
- Muted Lapis Bloom color palette (#EBDEBE, #877900, #4C4CDD, #4F4600, #09003C)
- Timeworn Atelier color palette (#DAF1E3, #8E7F00, #4E40F1, #443C00, #01000A)
- Faded Boulevard color palette (#C8F4E9, #80B32A, #B640D7, #3D5B00, #1D0026)
- Amethyst Canyon color palette (#EFEDDE, #8D7F00, #843FF2, #97069F, #090700)
- Chalky Field color palette (#D4EEE6, #79A026, #921CA2, #445F00, #0F0012)
- Chalky Summit color palette (#FFE3D5, #F27928, #028AC4, #803800, #00111D)
Browse the whole catalog at Explore, or see today's palette.