Sapphire Harbor color palette — #DEEEF3 · #00A1EA · #3070FA · #5D39A3 · #2B023E
Sapphire takes the lead with Plum close behind in a set that reads as trust and stability at first glance.
The five colors
- Frost (#DEEEF3): a clean, paper-quiet neutral.
- Cornflower (#00A1EA): A luminous, balanced blue — the color of a favorite pair of jeans.
- Sapphire (#3070FA): A full-bodied, vivid violet — the color of twilight just after sunset.
- Plum (#5D39A3): A full-bodied, vivid violet — the color of twilight just after sunset.
- Deep Indigo (#2B023E): A deep, shadowed, balanced violet — the color of twilight just after sunset.
Feels like: Trust, Stability, Creativity, Energy. Tagged vibrant.
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
- Worn Harbor color palette (#D7F1FF, #4C91FF, #7652F9, #6F3495, #3E0932)
- Ultramarine Villa color palette (#CAE8FE, #1D8DFB, #0D50DA, #36308F, #220E4E)
- Aged Market color palette (#CAF7EF, #00A8BC, #0087BD, #1F4DA7, #1F1850)
- Violet Pier color palette (#DBDCF3, #A39EFF, #7C61F4, #543A99, #070025)
- Quiet Nightshade Veranda color palette (#D7F2FF, #0076C3, #0433BD, #220078, #0F0023)
- Pale Meadow color palette (#FADFF9, #7DB0FF, #9A9403, #0056C2, #1D1C00)
- Tempered Byzantium color palette (#EAF0FF, #9E72FF, #A040CE, #8B1F73, #3C011A)
- Powdered Byzantium Thicket color palette (#E6F1FF, #9FAAFF, #9F76FF, #AD31AE, #571041)
Browse the whole catalog at Explore, or see today's palette.