Lagoon Lantern color palette — #FDF4E4 · #AFBB8B · #5D8E60 · #736231 · #37362F
Fern and Olive set the tone — five colors that lean into nature and growth.
The five colors
- Cream (#FDF4E4): A whisper-light, dusty gold — the color of old brass.
- Sage (#AFBB8B): A luminous, dusty green — the color of a quiet forest floor.
- Fern (#5D8E60): A full-bodied, balanced green — the color of a quiet forest floor.
- Olive (#736231): A full-bodied, dusty green — the color of a quiet forest floor.
- Espresso (#37362F): quiet, heavy and certain.
Feels like: Nature, Growth, Optimism, Sophistication, Grounding. Tagged botanical, earthy, muted.
Use it as a design system
One click turns Lagoon Lantern 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 Lagoon color palette (#F5F6EC, #89C3AB, #2A918F, #4C6E41, #333730)
- Aged Lagoon color palette (#F9F6E4, #9BBF9E, #1A957B, #8E4E51, #35362F)
- Muted Lagoon color palette (#F8F5E9, #C4C8A2, #57A085, #727646, #434600)
- Hushed Straw Grove color palette (#EBFAEF, #C8D990, #6A976C, #496D54, #0C2F25)
- Olive Harbor color palette (#EDF8F3, #94A26F, #477100, #2B5444, #1A3D33)
- Misty Jade Loft color palette (#D7E7D1, #64BF8B, #009475, #006C6B, #00454C)
- Dusty Pine Hollow color palette (#E8E0CC, #839C6C, #007343, #4E4600, #112000)
- Softworn Grove color palette (#F1E5D5, #7A783F, #2C5000, #00342C, #070600)
Browse the whole catalog at Explore, or see today's palette.