Lagoon Harbor color palette — #F9F2FE · #E6A3BE · #C1AC64 · #0DA4A4 · #3A2D42

Turquoise and Camel set the tone — five colors that lean into nature and growth.

The five colors

• Ivory (#F9F2FE): a clean, paper-quiet neutral.
• Ballet Pink (#E6A3BE): A luminous, balanced rose — the color of pressed rose petals.
• Camel (#C1AC64): A luminous, balanced green — the color of fresh herbs.
• Turquoise (#0DA4A4): A luminous, balanced teal — the color of sea glass.
• Espresso (#3A2D42): A deep, shadowed, dusty violet — the color of a velvet chair.

Feels like: Nature, Growth, Optimism, Sophistication. Tagged 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

• Soft Amber Chapel color palette (#FDF0FC, #F69A9A, #C38E39, #008E9E, #332335)
• Timeworn Azure color palette (#F5F3FF, #D8A4E1, #90BC7D, #5594D4, #342E48)
• Weathered Cobalt color palette (#F4F4FF, #D6ACE7, #C99449, #0087BC, #482954)
• Frosted Drift color palette (#F4F4FF, #C9AAE9, #EB9281, #41A672, #302F4A)
• Worn Jade color palette (#FFF1F5, #E7B987, #ADBE90, #68AB7D, #4D353D)
• Misty Moss color palette (#F7F3FF, #DF97CE, #84AE48, #00847D, #272131)
• Feathered Violet color palette (#FEE7F6, #F18D73, #00B9A6, #9A6ABF, #341E2E)
• Softworn Loft color palette (#F7F3F9, #E1D8D9, #A9B1C2, #DD92AC, #4C4450)

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