Misty Lagoon color palette — #FBF1FD · #C2EEFA · #00A1C7 · #007022 · #001F3D

Built around Olive, softened by Cerulean — the whole palette hums with nature and growth.

The five colors

• Ivory (#FBF1FD): bright and airy, almost weightless.
• Frost (#C2EEFA): A whisper-light, dusty blue — the color of deep harbor water.
• Cerulean (#00A1C7): A luminous, balanced blue — the color of a favorite pair of jeans.
• Olive (#007022): A full-bodied, balanced green — the color of fresh herbs.
• Midnight (#001F3D): A deep, shadowed, dusty blue — the color of deep harbor water.

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

• Muted Chapel color palette (#FBF2F8, #D1E1FF, #4297E3, #006C57, #171842)
• Washed Drift color palette (#F4EDE3, #9DE2DE, #00B9CA, #00956D, #003441)
• Hazy Forest Delta color palette (#FCEAE5, #56C6C0, #00748C, #125313, #023052)
• Soft Cobalt Canyon color palette (#FCF2F9, #A9D3E7, #0081C5, #00543D, #040037)
• Patina Sky Loft color palette (#FDF1F9, #D3D5E4, #69B4FD, #008A70, #2B2F60)
• Denim Garden color palette (#E6DBE4, #70AEB7, #005B82, #002D1A, #00000B)
• Hushed Bronze color palette (#E3FDEE, #A4BC8C, #84781F, #653B00, #00180B)
• Powdered Ultramarine Atelier color palette (#F7EAF0, #8FBEDA, #245BD6, #003E3A, #030010)

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