Weathered Lagoon color palette — #F1F3E7 · #ABB997 · #288678 · #555A0C · #232A17
Olive and Fern set the tone — five colors that lean into nature and growth.
The five colors
- Cream (#F1F3E7): a clean, paper-quiet neutral.
- Sage (#ABB997): A luminous, dusty green — the color of a quiet forest floor.
- Fern (#288678): A full-bodied, balanced teal — the color of sea glass.
- Olive (#555A0C): A full-bodied, balanced green — the color of a quiet forest floor.
- Onyx (#232A17): A deep, shadowed, dusty green — the color of fresh herbs.
Feels like: Nature, Growth, Sophistication, Grounding. Tagged botanical, earthy, muted.
Use it as a design system
One click turns Weathered Lagoon 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
- Aged Boulevard color palette (#F4F2EB, #C8C59F, #649063, #596651, #32312A)
- Hushed Pine Studio color palette (#F4F3E3, #7DB885, #007E5C, #00585A, #04280D)
- Dusty Olive Lagoon color palette (#FCF0E0, #ABA167, #5F6D00, #26503B, #251B01)
- Seafoam Coast color palette (#E6FAF7, #8FD6B4, #5F9D91, #5B7874, #294949)
- Softworn Cerulean Parlor color palette (#F5F1EB, #C6E5D3, #4C96BF, #006C6C, #0D332C)
- Lagoon Courtyard color palette (#E5E7D3, #5A9E79, #006454, #004149, #0E1500)
- Teal Villa color palette (#F7F6EA, #C3E8CF, #41B1B1, #81782E, #2E3F00)
- Dusty Olive color palette (#EBE3D4, #7C7E14, #324D00, #002E41, #0B0700)
Browse the whole catalog at Explore, or see today's palette.