Lagoon Harbor color palette — #F2DFA3 · #96C067 · #009868 · #00676B · #00384E
Built around Fern, softened by Mint Leaf — the whole palette hums with nature and growth.
The five colors
- Peach Cream (#F2DFA3): A whisper-light, dusty green — the color of fresh herbs.
- Mint Leaf (#96C067): A luminous, balanced green — the color of fresh herbs.
- Fern (#009868): A luminous, balanced teal — the color of sea glass.
- Peacock (#00676B): A full-bodied, dusty teal — the color of shallow lagoons.
- Deep Teal (#00384E): A deep, shadowed, dusty blue — the color of deep harbor water.
Feels like: Nature, Growth, Trust, Stability, Optimism, Calm. Tagged cool.
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
- Gentle Lagoon color palette (#FDEEC2, #94CEA0, #00A59B, #006D8A, #003D6F)
- Antique Summit color palette (#FFD6B7, #CFB253, #539900, #006C4B, #003C3F)
- Jade Loft color palette (#F8FBB8, #ABDB9A, #39A87F, #00645E, #002931)
- Muted Balcony color palette (#EAE5C9, #54A846, #00705F, #004248, #001727)
- Teal Hollow color palette (#BDF0C2, #7DDBA8, #44B792, #008372, #003C39)
- Softworn Studio color palette (#FFE9E4, #9FAA4E, #008985, #85335D, #30312A)
- Misty Navy Harbor color palette (#E1EDDE, #00C29C, #00909A, #005883, #1E0074)
- Emerald Ridge color palette (#E4EBD8, #009862, #004951, #1E250D, #0F0D06)
Browse the whole catalog at Explore, or see today's palette.