Sapphire Pier color palette — #DFEDFF · #3970F4 · #3249C2 · #251F72 · #120A36
Sapphire and Cobalt set the tone — five colors that lean into creativity and calm.
The five colors
- Frost (#DFEDFF): A whisper-light, dusty blue — the color of deep harbor water.
- Sapphire (#3970F4): A full-bodied, vivid violet — the color of a velvet chair.
- Cobalt (#3249C2): A full-bodied, vivid violet — the color of a velvet chair.
- Royal Purple (#251F72): A deep, shadowed, balanced violet — the color of wild irises.
- Deep Indigo (#120A36): A deep, shadowed, balanced violet — the color of twilight just after sunset.
Feels like: 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
- Wandering Cobalt Bloom color palette (#C7E5FB, #0081D2, #0059A4, #01327D, #061139)
- Iris Grove color palette (#E5EDFF, #738AF9, #5B5CC5, #3B3172, #211738)
- Feathered Indigo color palette (#F8DBEF, #6170E9, #007D6A, #323991, #001712)
- Quiet Sapphire Hollow color palette (#C2EBF9, #4EA5FD, #4A66DD, #563699, #3C1648)
- Misty Parlor color palette (#E7E7F9, #885BF1, #702CB3, #450E65, #260931)
- Feathered Thicket color palette (#DCE0F9, #6437F3, #4D00A8, #2E005C, #10001D)
- Chalky Ridge color palette (#EEECFD, #7540DC, #AB005C, #00546E, #1A010F)
- Patina Cerulean color palette (#CAE8EC, #0097AD, #00677D, #003D52, #001624)
Browse the whole catalog at Explore, or see today's palette.