Lagoon Pier color palette — #F9F1E3 · #8FB88A · #39887C · #6C4451 · #292F1A
Built around Fern, softened by Sage — the whole palette hums with nature and growth.
The five colors
- Cream (#F9F1E3): A whisper-light, dusty gold — the color of old brass.
- Sage (#8FB88A): A luminous, dusty green — the color of a quiet forest floor.
- Fern (#39887C): A full-bodied, dusty teal — the color of shallow lagoons.
- Cocoa (#6C4451): A full-bodied, dusty rose — the color of strawberry cream.
- Deep Forest (#292F1A): A deep, shadowed, dusty green — the color of a quiet forest floor.
Feels like: Nature, Growth, Sophistication. Tagged retro, muted.
Use it as a design system
One click turns Lagoon Pier 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
- Muted Jade Studio color palette (#F1F3E7, #78AB80, #407995, #5A4066, #3B1F0E)
- Olive Dune color palette (#F9F1E3, #B9AB7C, #668254, #405176, #312C19)
- Mulberry Alley color palette (#FBF1FE, #A9AC79, #33867F, #81425A, #314E4A)
- Dusty Parlor color palette (#FDF0DB, #4AACBA, #406F9A, #6C3235, #09291C)
- Cypress Pier color palette (#F5F1EA, #C9E2DA, #68A8B2, #407864, #253C31)
- Pewter Cabin color palette (#ECF9EF, #A3CA9F, #59A196, #7F6093, #314E4D)
- Lagoon Garden color palette (#EAF0E1, #33976F, #333F31, #1C2017, #0C0D07)
- Powdered Aubergine Alley color palette (#FFF0D2, #00AB7A, #006F77, #690B5E, #00221C)
Browse the whole catalog at Explore, or see today's palette.