Misty Lagoon color palette — #FBF4ED · #9DD2FF · #446EEC · #005059 · #0E032A

Built around Sapphire, softened by Sky — the whole palette hums with trust and stability.

The five colors

• Ivory (#FBF4ED): bright and airy, almost weightless.
• Sky (#9DD2FF): A whisper-light, balanced blue — the color of a favorite pair of jeans.
• Sapphire (#446EEC): A full-bodied, vivid violet — the color of wild irises.
• Peacock (#005059): A deep, shadowed, dusty blue — the color of a favorite pair of jeans.
• Ink (#0E032A): A deep, shadowed, dusty violet — the color of a velvet chair.

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

Use it as a design system

One click turns Misty Lagoon 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

• Cobalt Quarry color palette (#FFF2EB, #8BDAEE, #0083BD, #005248, #000A27)
• Nightshade Quarry color palette (#F1E0E5, #72A2C8, #3C4DAA, #00393A, #110026)
• Washed Cornflower color palette (#DDF4F4, #86C6FF, #4293F2, #0076A1, #0B1D42)
• Washed Petrol Thicket color palette (#FAEAE4, #6DC7D2, #007194, #003F30, #000309)
• Navy Garden color palette (#C5E8ED, #00A3CC, #006BA1, #00227F, #0D0034)
• Cobalt Workshop color palette (#C6E6FF, #0081C4, #A15300, #5C5700, #000204)
• Wandering Ultramarine color palette (#EFF5FF, #89A7FF, #005BD5, #002166, #00000B)
• Ancient Azure color palette (#FEF3ED, #A2F6FD, #00A1C9, #006D4E, #002038)

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