Misty Lagoon color palette — #F9EBE5 · #B3DFC4 · #63ABE7 · #009472 · #20275B

A conversation between Fern and Cornflower, giving this palette its sense of nature and growth.

The five colors

• Cream (#F9EBE5): a clean, paper-quiet neutral.
• Celadon Mist (#B3DFC4): A whisper-light, dusty teal — the color of shallow lagoons.
• Cornflower (#63ABE7): A luminous, balanced blue — the color of open sky before noon.
• Fern (#009472): A full-bodied, balanced teal — the color of sea glass.
• Navy (#20275B): A deep, shadowed, balanced violet — the color of a velvet chair.

Feels like: Nature, Growth, Trust, Stability, Creativity, Calm. 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

• Gentle Iris color palette (#F4EDE6, #B3D8F9, #8E9DF4, #009095, #381F53)
• Ancient Azure color palette (#FCF4E8, #C7F2D6, #009FD1, #006A65, #002038)
• Worn Quarry color palette (#E8F1EA, #96CFDD, #0093C0, #006C67, #003150)
• Teal Workshop color palette (#F9F4EF, #C1EAEF, #ACB9FA, #15ACB2, #603B4A)
• Forest Orchard color palette (#F7E7E3, #76BEC1, #0090BA, #007237, #001330)
• Timeworn Petrol color palette (#F3E4EE, #6BC2D3, #0072A9, #004E35, #081138)
• Weathered Moss Ridge color palette (#F9E4DE, #F36B85, #59AD20, #009378, #3B0B16)
• Washed Sapphire color palette (#F6ECE5, #79A8BF, #296FDA, #005E55, #0A0027)

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