Sapphire Harbor color palette — #D6E2FF · #80A2FC · #4467F5 · #22379F · #000F39
Sapphire and Indigo set the tone — five colors that lean into trust and stability.
The five colors
- Frost (#D6E2FF): A whisper-light, dusty violet — the color of wild irises.
- Cornflower (#80A2FC): A luminous, balanced violet — the color of wild irises.
- Sapphire (#4467F5): A full-bodied, vivid violet — the color of wild irises.
- Indigo (#22379F): A deep, shadowed, vivid violet — the color of twilight just after sunset.
- Midnight (#000F39): A deep, shadowed, balanced violet — the color of a velvet chair.
Feels like: Trust, Stability, Creativity, Calm, Energy, Balance. Tagged monochrome, vibrant, cool.
Use it as a design system
One click turns Sapphire Harbor 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
- Faded Dune color palette (#C8E6FF, #67AEFF, #007BC6, #004679, #00192C)
- Chalky Indigo Parlor color palette (#FFEFFB, #A0B2FF, #7274EE, #3B4095, #1E1B49)
- Timeworn Iris Boulevard color palette (#D7DFFF, #9FC1FF, #5B91F8, #2E5FBC, #030853)
- Hushed Indigo color palette (#F0F5FF, #ACC5FF, #5974D7, #052D84, #01001A)
- Dusty Grove color palette (#EADCFF, #AA96F5, #8C43DD, #552088, #1E0346)
- Grape Basin color palette (#ECEEFF, #9D87F5, #7024E1, #2D0086, #080023)
- Aged Scarlet color palette (#F7E6ED, #AC91F4, #D40F03, #713ACA, #1C0600)
- Lime Studio color palette (#EADCD3, #6BD53B, #6D80E9, #391C32, #1B1118)
Browse the whole catalog at Explore, or see today's palette.