Lagoon Harbor color palette — #FFF0F9 · #9292C5 · #BD7454 · #2B8966 · #503B47
A conversation between Fern and Caramel, giving this palette its sense of optimism and creativity.
The five colors
- Ivory (#FFF0F9): bright and airy, almost weightless.
- Blue Fog (#9292C5): A luminous, dusty violet — the color of wild irises.
- Caramel (#BD7454): A luminous, balanced orange — the color of toasted spice.
- Fern (#2B8966): A full-bodied, balanced teal — the color of shallow lagoons.
- Charcoal (#503B47): A deep, shadowed, dusty pink — the color of peonies in June.
Feels like: Optimism, Creativity, 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
- Dusty Driftwood color palette (#FFF1F2, #B784AF, #9F873E, #1B8496, #533B3E)
- Muted Loft color palette (#E8FAF3, #6F9FBC, #B1758B, #737E29, #2C493F)
- Hushed Ridge color palette (#F0F5FF, #99AFEA, #9BAE68, #699976, #394354)
- Moss Drift color palette (#FAEDFB, #6D9FDB, #829934, #5D8551, #2F2230)
- Quiet Violet Villa color palette (#F1E5FF, #9763C7, #A26100, #007067, #3B2351)
- Cerulean Workshop color palette (#FFF0F9, #E6D7D5, #B0B19A, #6E84AD, #614C56)
- Bronze Hollow color palette (#FDF3EA, #C5B5A1, #A6743D, #7D523C, #5C4300)
- Softworn Villa color palette (#FFF0F8, #EAC1D5, #8179AF, #4B4183, #363053)
Browse the whole catalog at Explore, or see today's palette.