Lagoon Harbor color palette — #F7F0EB · #EAB796 · #3C9670 · #9E6135 · #13180D
Built around Fern, softened by Ochre — the whole palette hums with optimism and sophistication.
The five colors
- Cream (#F7F0EB): a clean, paper-quiet neutral.
- Sand (#EAB796): A luminous, dusty gold — the color of honey in a jar.
- Fern (#3C9670): A luminous, balanced teal — the color of shallow lagoons.
- Ochre (#9E6135): A full-bodied, balanced gold — the color of afternoon light on wheat.
- Ink (#13180D): A deep, shadowed, dusty green — the color of a quiet forest floor.
Feels like: Optimism, Sophistication. Tagged duotone, 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
- Hushed Olive color palette (#FAF4ED, #E1B880, #5C8B52, #866739, #2E2E28)
- Washed Cerulean Coast color palette (#F4F2EB, #CFC589, #0093A5, #7E722D, #0C1910)
- Moss Basin color palette (#F8F0EE, #F3ADBB, #808B28, #A75367, #191608)
- Aged Driftwood Boulevard color palette (#FBF2F6, #FCC3A0, #56ADA2, #B67D59, #233033)
- Taupe Balcony color palette (#FFEEE3, #CAA56B, #4D8761, #604572, #322C19)
- Moss Station color palette (#FFEEE2, #CAB888, #7A9554, #20603D, #003335)
- Marigold Lagoon color palette (#F9F0E6, #E29500, #00788C, #7D5000, #000D04)
- Driftwood Harbor color palette (#F8F1E7, #A78446, #007872, #5F4065, #241A0C)
Browse the whole catalog at Explore, or see today's palette.