Lagoon Harbor color palette — #E1E1D1 · #088D6E · #004D54 · #4F0628 · #000B06
A conversation between Fern and Espresso, giving this palette its sense of trust and stability.
The five colors
- Bone (#E1E1D1): A whisper-light, dusty green — the color of fresh herbs.
- Fern (#088D6E): A full-bodied, balanced teal — the color of glacier melt.
- Deep Teal (#004D54): A deep, shadowed, dusty blue — the color of a favorite pair of jeans.
- Espresso (#4F0628): A deep, shadowed, balanced rose — the color of strawberry cream.
- Ink (#000B06): A deep, shadowed, dusty teal — the color of sea glass.
Feels like: Trust, Stability, Sophistication, Grounding. Tagged botanical, earthy, 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 Corridor color palette (#F4ECDB, #5C8732, #00513A, #3B1A41, #030A00)
- Pine Boulevard color palette (#E3E5CE, #00915E, #005144, #432700, #151E01)
- Tempered Veranda color palette (#CBEDE4, #32A984, #006E75, #663146, #002022)
- Jade Harbor color palette (#E5FBF7, #63B68C, #00705F, #553300, #000B04)
- Smoked Olive color palette (#ECDBC8, #6D6C00, #044309, #2D1900, #030300)
- Tempered Olive Atelier color palette (#FBEFE6, #B19F63, #4E7200, #00524E, #251A02)
- Mulberry Boulevard color palette (#F0F1E3, #3B901F, #830061, #114200, #15000D)
- Pine Chapel color palette (#DFF2DB, #2F7D22, #881C18, #6F003C, #000500)
Browse the whole catalog at Explore, or see today's palette.