Sapphire Harbor color palette — #D9E7F9 · #3772D7 · #1B2144 · #1A141D · #000313
Built around Sapphire, softened by Midnight — the whole palette hums with trust and stability.
The five colors
- Frost (#D9E7F9): A whisper-light, dusty blue — the color of a favorite pair of jeans.
- Sapphire (#3772D7): A full-bodied, vivid violet — the color of wild irises.
- Midnight (#1B2144): A deep, shadowed, dusty violet — the color of wild irises.
- Ink (#1A141D): a grounded near-black with real depth.
- Ink (#000313): A deep, shadowed, dusty violet — the color of wild irises.
Feels like: Trust, Stability, Calm, Sophistication, Depth, Luxury. Tagged noir, dark, luxury, muted.
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
- Violet Station color palette (#DEE4FE, #7D55E0, #21203F, #1D101B, #050016)
- Dusty Iris Study color palette (#F0F5FF, #6F84D5, #2A3353, #050E24, #000104)
- Cornflower Studio color palette (#D2E0F2, #3088FD, #564A7D, #1F3146, #010509)
- Shadow Cerulean Alley color palette (#CFEBF7, #008598, #00283C, #120E14, #000508)
- Cellar Ultramarine color palette (#F9E7F8, #004FAF, #33333A, #1C1333, #0B020B)
- Sunlit Iris color palette (#F2F5FF, #957AF1, #CC4E82, #007697, #0F0428)
- Weathered Azure color palette (#E8FAF8, #D0DCFA, #1E9CDB, #006779, #002039)
- Ancient Coast color palette (#F6F3FF, #CC9BCC, #585162, #2C2838, #0F0E16)
Browse the whole catalog at Explore, or see today's palette.