Gentle Lagoon color palette — #F4F8E1 · #84CEA2 · #1B9D77 · #007A70 · #07462A
Fern and Mint Leaf set the tone — five colors that lean into nature and growth.
The five colors
- Cream (#F4F8E1): A whisper-light, dusty green — the color of a quiet forest floor.
- Mint Leaf (#84CEA2): A luminous, balanced teal — the color of glacier melt.
- Fern (#1B9D77): A luminous, balanced teal — the color of glacier melt.
- Teal (#007A70): A full-bodied, balanced teal — the color of glacier melt.
- Forest (#07462A): A deep, shadowed, dusty teal — the color of sea glass.
Feels like: Nature, Growth, Balance, Grounding. Tagged botanical, earthy, muted.
Use it as a design system
One click turns Gentle 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
- Softworn Pier color palette (#E9EFD4, #6EBF95, #008C6D, #006481, #003822)
- Antique Orchard color palette (#F6F6EB, #C5C7A9, #6E9C75, #367E85, #444600)
- Muted Jade Alley color palette (#DDFDF9, #8AF3B4, #00AB7E, #3E766E, #063635)
- Quiet Moss color palette (#FFF4DD, #BDC086, #7B920E, #4A763B, #3C3D13)
- Antique Seafoam color palette (#E6FBF2, #9AE49B, #3EBD9A, #4A94A8, #06443F)
- Azure Courtyard color palette (#F5F6EC, #BDE6CE, #00ABDA, #00818B, #004662)
- Softworn Lagoon color palette (#DEE7D6, #2E8479, #00504F, #002D51, #000806)
- Fern Lantern color palette (#E8E4D4, #859C63, #3D6F1F, #00504E, #141F00)
Browse the whole catalog at Explore, or see today's palette.