Lagoon Harbor color palette — #F0E3EC · #478E89 · #00454F · #00240F · #000B13

Fern and Deep Teal set the tone — five colors that lean into nature and growth.

The five colors

• Blush (#F0E3EC): a clean, paper-quiet neutral.
• Fern (#478E89): A full-bodied, dusty teal — the color of glacier melt.
• Deep Teal (#00454F): A deep, shadowed, dusty blue — the color of a favorite pair of jeans.
• Onyx (#00240F): A deep, shadowed, dusty teal — the color of sea glass.
• Ink (#000B13): A deep, shadowed, dusty blue — the color of deep harbor water.

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

• Navy Boulevard color palette (#F1E6EB, #4889A9, #003C74, #002222, #05012A)
• Timeworn Teal Harbor color palette (#DBECE8, #02A8A2, #006568, #003C32, #000C0E)
• Ancient Indigo Terrace color palette (#C4E4EE, #4A9FC6, #6264BB, #00361A, #000E16)
• Tempered Quarry color palette (#E7DCE1, #64A8CC, #0055A9, #003E3F, #181A41)
• Worn Garnet color palette (#D5F4FD, #005E5C, #780021, #002626, #140002)
• Ancient Petrol color palette (#F4EBF2, #8CB9CD, #00719B, #005143, #0A2E56)
• Velvet Garnet Workshop color palette (#E0F4F2, #004A46, #63002C, #3E1600, #000202)
• Smoked Orchard color palette (#F4DFE9, #7B4F00, #481E00, #290002, #050300)

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