Lagoon Harbor color palette — #D6E3D4 · #81C2A8 · #009DA3 · #4C5400 · #002B18

Cerulean and Deep Olive set the tone — five colors that lean into nature and growth.

The five colors

• Bone (#D6E3D4): A whisper-light, dusty green — the color of a quiet forest floor.
• Mint Leaf (#81C2A8): A luminous, dusty teal — the color of sea glass.
• Cerulean (#009DA3): A luminous, balanced teal — the color of glacier melt.
• Deep Olive (#4C5400): A full-bodied, balanced green — the color of new leaves after rain.
• Deep Forest (#002B18): A deep, shadowed, dusty teal — the color of sea glass.

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

• Tempered Forest color palette (#E3EBD9, #49BEB8, #008BAC, #1B5000, #00221A)
• Jade Orchard color palette (#F1E9C9, #8EC181, #00A781, #674C00, #222C00)
• Tempered Bronze color palette (#D4F4EC, #7FDCC1, #6BACE1, #856900, #003125)
• Petrol Basin color palette (#D7EAD9, #509AB1, #386AA3, #00382C, #000D12)
• Timeworn Driftwood color palette (#F2F9E0, #BEEEDA, #8ACCD8, #768B5D, #435038)
• Powder Chapel color palette (#E2FDE9, #D8E2F9, #91B8FF, #008A84, #2B513D)
• Powdered Orchard color palette (#D4FFF2, #80ECF2, #26B6FA, #00722E, #00403F)
• Powdered Courtyard color palette (#D9FDE8, #8CC4F2, #8794DD, #006362, #00354B)

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