Sapphire Pier color palette — #FFF0FC · #F6D583 · #4163C4 · #132669 · #120110
A conversation between Royal Blue and Navy, giving this palette its sense of optimism and creativity.
The five colors
- Blush (#FFF0FC): A whisper-light, dusty pink — the color of neon signs at night.
- Wheat (#F6D583): A whisper-light, balanced gold — the color of old brass.
- Royal Blue (#4163C4): A full-bodied, balanced violet — the color of wild irises.
- Navy (#132669): A deep, shadowed, balanced violet — the color of wild irises.
- Ink (#120110): A deep, shadowed, dusty pink — the color of a candy shop window.
Feels like: Optimism, Creativity, Balance. Tagged luxury, dark.
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
- Denim Lantern color palette (#FFF0F9, #C9D89F, #5D5A9A, #24204D, #0A0106)
- Patina Petrol Coast color palette (#E4FBF3, #FFCBB7, #0072AA, #00324E, #000A06)
- Blush Parlor color palette (#FFEBFB, #FF7195, #31458F, #111C45, #0F030D)
- Gentle Iris color palette (#F0F5FF, #FFB8C7, #6487EC, #415898, #0E1A30)
- Ancient Navy Alley color palette (#F0F6FF, #C69B00, #233F95, #122251, #171329)
- Dusty Aubergine Lantern color palette (#FCE8F1, #85B168, #422779, #0B0021, #040002)
- Timeworn Mulberry color palette (#FFF1F3, #ACD372, #84298B, #36003A, #030004)
- Sunlit Indigo color palette (#FEF0FB, #CAD7FF, #E95977, #516AFF, #1C0005)
Browse the whole catalog at Explore, or see today's palette.