Weathered Lagoon Pier color palette — #F4F2E7 · #99BF99 · #0B896C · #3A5E4A · #272915
Fern and Sage set the tone — five colors that lean into nature and growth.
The five colors
- Cream (#F4F2E7): a clean, paper-quiet neutral.
- Sage (#99BF99): A luminous, dusty green — the color of fresh herbs.
- Fern (#0B896C): A full-bodied, balanced teal — the color of shallow lagoons.
- Pine (#3A5E4A): A full-bodied, dusty teal — the color of glacier melt.
- Onyx (#272915): A deep, shadowed, dusty green — the color of new leaves after rain.
Feels like: Nature, Growth, Sophistication, Grounding. Tagged botanical, earthy, muted.
Use it as a design system
One click turns Weathered 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
- Olive Orchard color palette (#F8F0E9, #BFB483, #697F2E, #445F20, #2E2617)
- Tempered Cypress Delta color palette (#F4F2E5, #7AAF84, #007662, #583A5B, #1A1F03)
- Pine Villa color palette (#F7F1E7, #BBB48E, #47854D, #6C485A, #2C280F)
- Fern Meadow color palette (#F4F7EB, #82C09B, #43816A, #4E5F4A, #3A4A00)
- Stone Delta color palette (#EBF9F3, #A4D2A7, #649C8B, #567788, #2C4946)
- Muted Pier color palette (#F8F0EB, #C3E6D1, #3896D0, #006E62, #392337)
- Wandering Thicket color palette (#E9E9DA, #207A4B, #004038, #00222F, #000401)
- Amber Thicket color palette (#F9E0C6, #B09200, #536400, #213582, #1C1500)
Browse the whole catalog at Explore, or see today's palette.