Misty Sapphire color palette — #9AF5E9 · #0CD8F0 · #00B2E1 · #0573ED · #303886
Built around Royal Blue, softened by Ice Blue — the whole palette hums with trust and stability.
The five colors
- Sea Foam (#9AF5E9): A whisper-light, balanced teal — the color of glacier melt.
- Ice Blue (#0CD8F0): A luminous, balanced blue — the color of open sky before noon.
- Cyan (#00B2E1): A luminous, balanced blue — the color of a favorite pair of jeans.
- Royal Blue (#0573ED): A full-bodied, vivid blue — the color of deep harbor water.
- Indigo (#303886): 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 Misty 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
- Aqua Balcony color palette (#CAEED9, #00D5CF, #00B7D0, #008BC4, #25417F)
- Indigo Villa color palette (#DCF1F3, #3ED4FF, #46A8FF, #566FFF, #482D70)
- Azure Alley color palette (#DEFCFF, #68E0FF, #00AAE7, #0070AF, #15315F)
- Sapphire Grove color palette (#C0EAE6, #00BFD9, #0099E9, #3B56E7, #2E1A54)
- Grape Boulevard color palette (#DCEDF1, #29A2EE, #3B6DFF, #5717D1, #2E0046)
- Worn Iris color palette (#C7F2DE, #9AC9FF, #96A9FE, #9875CA, #563C5E)
- Antique Mint Studio color palette (#DBE5D1, #5AD791, #00B8AE, #00949D, #00425A)
- Airy Alley color palette (#B7E8FF, #97CAFF, #8C91FF, #A54DF1, #5B1E58)
Browse the whole catalog at Explore, or see today's palette.