Misty Lagoon color palette — #FFF2ED · #FFABAA · #28D9EB · #F04556 · #004349

A conversation between Scarlet and Ice Blue, giving this palette its sense of trust and stability.

The five colors

• Ivory (#FFF2ED): bright and airy, almost weightless.
• Rose Quartz (#FFABAA): A whisper-light, balanced orange — the color of toasted spice.
• Ice Blue (#28D9EB): A luminous, balanced blue — the color of deep harbor water.
• Scarlet (#F04556): A luminous, vivid red — the color of a theater curtain.
• Deep Teal (#004349): A deep, shadowed, dusty blue — the color of a favorite pair of jeans.

Feels like: Trust, Stability, Energy, Balance. Tagged vibrant.

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

• Dusty Loft color palette (#FDF0FF, #FFADBA, #09C5E0, #E3005E, #00353E)
• Tempered Corridor color palette (#FDEADF, #FFA481, #2BC3E3, #D2744E, #003D49)
• Pale Peony color palette (#FFF1F1, #FFA4D3, #28E2A9, #E441A4, #004632)
• Scarlet Meadow color palette (#F9D5C5, #FE8874, #00B5C8, #DF432E, #002F35)
• Chalky Summit color palette (#FFF2EF, #FF7EA1, #00ADCD, #CA376A, #004250)
• Hushed Corridor color palette (#FFF2EC, #E4D8C7, #D2DA93, #DF889B, #683727)
• Soft Lagoon color palette (#E7EAF9, #00E8AB, #FFA565, #6F462A, #291E14)
• Hushed Dune color palette (#FFE4E0, #FF9085, #4FC765, #6F95FF, #541A17)

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