Sapphire Pier color palette — #D2F9E7 · #A7A622 · #3F57EA · #525100 · #020029
Built around Royal Blue, softened by Moss — the whole palette hums with nature and growth.
The five colors
- Honeydew (#D2F9E7): A whisper-light, dusty teal — the color of glacier melt.
- Moss (#A7A622): A luminous, balanced green — the color of new leaves after rain.
- Royal Blue (#3F57EA): A full-bodied, vivid violet — the color of twilight just after sunset.
- Deep Olive (#525100): A full-bodied, balanced green — the color of a quiet forest floor.
- Ink (#020029): A deep, shadowed, balanced violet — the color of a velvet chair.
Feels like: Nature, Growth, Creativity, Calm, Energy, Balance. Tagged vibrant, 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
- Soft Amber color palette (#D8F9D6, #D49022, #0071B8, #6A4400, #000814)
- Worn Balcony color palette (#D2F8E9, #9BAB22, #9338C4, #4B5300, #0F001A)
- Muted Grape Pier color palette (#CCF3E9, #6A9E1F, #6823CB, #2A4500, #020008)
- Indigo Veranda color palette (#CDE7D8, #C4B12D, #7662E7, #7F7100, #1A0A47)
- Patina Courtyard color palette (#F3EED7, #6D7100, #3A42C3, #373900, #030028)
- Lapis Veranda color palette (#E7E5A8, #837E00, #5D53D5, #5F3C9C, #020200)
- Misty Magenta Studio color palette (#E4FFD1, #89DC28, #D94DE7, #427200, #35003B)
- Feathered Alley color palette (#CEEFDB, #8DA62F, #6E6000, #462B00, #000600)
Browse the whole catalog at Explore, or see today's palette.