Misty Sapphire color palette — #E2ECE1 · #80B9EB · #5462B8 · #004B4D · #1C0C2E

A conversation between Royal Blue and Sky, giving this palette its sense of trust and stability.

The five colors

• Honeydew (#E2ECE1): bright and airy, almost weightless.
• Sky (#80B9EB): A luminous, balanced blue — the color of open sky before noon.
• Royal Blue (#5462B8): A full-bodied, balanced violet — the color of a velvet chair.
• Forest (#004B4D): A deep, shadowed, dusty teal — the color of sea glass.
• Deep Indigo (#1C0C2E): A deep, shadowed, dusty violet — the color of a velvet chair.

Feels like: Trust, Stability, Creativity, Calm, Balance. Tagged coastal, cool, light.

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

• Petrol Grove color palette (#F1E5EF, #66C4D0, #0074A2, #004E2F, #061334)
• Weathered Petrol Dune color palette (#E2F2F2, #98B5D2, #3668AB, #004B6A, #1B2C52)
• Muted Cornflower Workshop color palette (#F5EDE4, #9EC9F2, #6581D5, #006A78, #2F2455)
• Misty Sapphire color palette (#D3E1F3, #006BC5, #775900, #444D0B, #000B1D)
• Hushed Canyon color palette (#D5EBFF, #C3BFFF, #E285B3, #006B69, #0D1E32)
• Sunlit Balcony color palette (#CBEFF2, #0091AD, #00578E, #182A76, #200A3B)
• Aged Ultramarine color palette (#CEE1FF, #6295FF, #374CB6, #001A68, #02001F)
• Washed Study color palette (#EBD9E1, #4194B9, #00439C, #002C27, #050019)

Browse the whole catalog at Explore, or see today's palette.