Sapphire Harbor color palette — #C7E2FC · #74B2FF · #5087FF · #4862EF · #25227E
A conversation between Sapphire and Azure, giving this palette its sense of trust and stability.
The five colors
- Powder Blue (#C7E2FC): A whisper-light, dusty blue — the color of open sky before noon.
- Cornflower (#74B2FF): A luminous, balanced blue — the color of a favorite pair of jeans.
- Azure (#5087FF): A luminous, vivid violet — the color of twilight just after sunset.
- Sapphire (#4862EF): A full-bodied, vivid violet — the color of twilight just after sunset.
- Indigo (#25227E): A deep, shadowed, balanced violet — the color of a velvet chair.
Feels like: Trust, Stability, Creativity, Calm, Energy. Tagged 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
- Antique Lapis color palette (#DCECF2, #2EA9FF, #3573FF, #4A32C9, #411375)
- Hazy Amethyst color palette (#E8F0FF, #91A9FF, #7C7CFF, #6A47DD, #3F1777)
- Dusty Azure color palette (#DDF4FF, #38BAFF, #0097E5, #006DBB, #002F75)
- Patina Lapis color palette (#E9EBFF, #BBBEFF, #898BFF, #6443EA, #15004D)
- Ancient Nightshade color palette (#DDEEFF, #2087FA, #004ECF, #1A00A7, #12044D)
- Misty Coast color palette (#D7DDFF, #B7B4FF, #A78CFF, #9161D0, #4D2666)
- Linen Cornflower color palette (#F8DAF3, #92B3FF, #00C396, #4D7DFF, #003728)
- Hazy Lapis Studio color palette (#E4ECFF, #6569EF, #583CCB, #3F0091, #100025)
Browse the whole catalog at Explore, or see today's palette.