Patina Lagoon color palette — #F9F8D1 · #96BB8C · #619769 · #3A6C4D · #335440
Built around Fern, softened by Sage — the whole palette hums with nature and growth.
The five colors
- Custard (#F9F8D1): A whisper-light, dusty green — the color of fresh herbs.
- Sage (#96BB8C): A luminous, dusty green — the color of fresh herbs.
- Fern (#619769): A luminous, balanced green — the color of fresh herbs.
- Pine (#3A6C4D): A full-bodied, dusty teal — the color of glacier melt.
- Deep Olive (#335440): A full-bodied, dusty teal — the color of shallow lagoons.
Feels like: Nature, Growth, Sophistication. Tagged muted.
Use it as a design system
One click turns Patina 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
- Lagoon Ridge color palette (#EDFBE0, #9CD7C0, #54967C, #225D47, #0C4131)
- Softworn Pine color palette (#F3F7E9, #8BBE98, #C28A66, #468258, #524C47)
- Softworn Driftwood color palette (#FEEAC9, #C8B780, #968C46, #666629, #4C4F48)
- Antique Bronze Veranda color palette (#F2F8E5, #6CA781, #5494A8, #8B7331, #41433C)
- Teal Studio color palette (#CFE6DF, #00AD9F, #007874, #005457, #0B374F)
- Antique Lagoon color palette (#D3F9F5, #008C8A, #005C60, #00333A, #051A2D)
- Moonless Pier color palette (#D8E5D6, #00702D, #00381D, #00170D, #000405)
- Quiet Cerulean color palette (#C3E5F1, #009CCB, #006F99, #00456E, #262356)
Browse the whole catalog at Explore, or see today's palette.