Lagoon Harbor color palette — #FCF3EF · #C3E7E3 · #7FAAD0 · #408A72 · #5B3C53

Fern and Blue Fog set the tone — five colors that lean into trust and stability.

The five colors

• Ivory (#FCF3EF): bright and airy, almost weightless.
• Silver (#C3E7E3): A whisper-light, dusty teal — the color of shallow lagoons.
• Blue Fog (#7FAAD0): A luminous, dusty blue — the color of deep harbor water.
• Fern (#408A72): A full-bodied, balanced teal — the color of glacier melt.
• Cocoa (#5B3C53): A full-bodied, dusty pink — the color of neon signs at night.

Feels like: Trust, Stability, Sophistication. Tagged coastal, cool, light, muted.

Use it as a design system

One click turns Lagoon Harbor 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 Cypress Coast color palette (#FCF3ED, #B8DECF, #7995CA, #007D75, #3B335C)
• Powder Pier color palette (#FBF2F8, #D6D4E1, #89C1F1, #4A927A, #323F59)
• Washed Bloom color palette (#FDF2F0, #D5EDD1, #73AFC0, #61865C, #1F5246)
• Aged Lagoon color palette (#F0F9E5, #82C9AA, #CF8BBB, #22966F, #59344F)
• Worn Denim color palette (#F9E7E1, #4FA1A8, #006082, #003E20, #000720)
• Hazy Cornflower color palette (#FFF3E8, #9BD2F9, #5C83F9, #00726F, #3B1E6A)
• Ultramarine Dune color palette (#F9E7DA, #60ADCF, #1A62C2, #004B42, #14063A)
• Worn Orchard color palette (#F2F3C3, #A6CA88, #4BA872, #09816C, #0E555A)

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