Lagoon Harbor color palette — #F0F8ED · #CEE0DE · #D9C1C9 · #008979 · #182213

Built around Fern, softened by Onyx — the whole palette hums with sophistication.

The five colors

• Ivory (#F0F8ED): bright and airy, almost weightless.
• Silver (#CEE0DE): a clean, paper-quiet neutral.
• Oat (#D9C1C9): A whisper-light, dusty rose — the color of pressed rose petals.
• Fern (#008979): A full-bodied, balanced teal — the color of glacier melt.
• Onyx (#182213): A deep, shadowed, dusty green — the color of new leaves after rain.

Feels like: Sophistication. Tagged scandi, muted, light.

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

• Olive Thicket color palette (#F6F6ED, #D1E2D8, #ADC9C4, #5E833B, #201F0F)
• Softworn Lagoon Courtyard color palette (#F1F7F1, #D1DEDE, #BBB9AD, #1C9D99, #273226)
• Ancient Cypress color palette (#EEF8EF, #C8DFE1, #CCB2C3, #006D74, #021104)
• Cerulean Canyon color palette (#D5ECDC, #008598, #102445, #11201F, #000502)
• Muted Forest color palette (#E4F1F3, #C0CFD6, #88A3C2, #006354, #223133)
• Olive Loft color palette (#FFF3E6, #C1BF79, #508648, #005D62, #1B1900)
• Hushed Meadow color palette (#DEFFE3, #A8CDB2, #A4829D, #70592D, #3F2B00)
• Timeworn Iris color palette (#FAF3F8, #E7D8D6, #BAB3A7, #758FD5, #402E3D)

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