Hazy Sapphire color palette — #D1F1F3 · #009CD9 · #3C57F7 · #591C99 · #1C0011
Built around Royal Blue, softened by Plum — the whole palette hums with trust and stability.
The five colors
- Frost (#D1F1F3): A whisper-light, dusty blue — the color of deep harbor water.
- Cerulean (#009CD9): A luminous, balanced blue — the color of deep harbor water.
- Royal Blue (#3C57F7): A full-bodied, vivid violet — the color of a velvet chair.
- Plum (#591C99): A deep, shadowed, vivid violet — the color of a velvet chair.
- Ink (#1C0011): A deep, shadowed, dusty rose — the color of a warm blush.
Feels like: Trust, Stability, Creativity, Energy. Tagged vibrant.
Use it as a design system
One click turns Hazy Sapphire 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 Aubergine Harbor color palette (#D3F5EE, #00A1B5, #006FC9, #5425A8, #16001A)
- Amethyst Harbor color palette (#E0F0F4, #1A91FC, #6F49E6, #7A047A, #20000C)
- Ultramarine Lantern color palette (#D7EBF7, #0181EE, #343ED0, #31007E, #120021)
- Grape Field color palette (#D0ECFA, #487AF8, #752FC9, #680050, #080001)
- Linen Grape Veranda color palette (#F2F0E1, #0099B3, #6E47CC, #524800, #000C19)
- Twilit Nightshade Boulevard color palette (#C2E6EB, #006DA6, #181C9F, #190043, #030005)
- Quiet Navy color palette (#D1EED8, #00A397, #007F9A, #00458B, #0F0025)
- Weathered Lantern color palette (#D3E9FF, #887EFF, #9F3FBE, #88004A, #1D0100)
Browse the whole catalog at Explore, or see today's palette.