Muted Lagoon Lagoon color palette — #EAF7E0 · #C5D8B2 · #4A9882 · #005D4A · #002419
A conversation between Fern and Pine, giving this palette its sense of nature and growth.
The five colors
- Cream (#EAF7E0): A whisper-light, dusty green — the color of a quiet forest floor.
- Pistachio (#C5D8B2): A whisper-light, dusty green — the color of new leaves after rain.
- Fern (#4A9882): A luminous, balanced teal — the color of sea glass.
- Pine (#005D4A): A full-bodied, balanced teal — the color of sea glass.
- Onyx (#002419): A deep, shadowed, dusty teal — the color of glacier melt.
Feels like: Nature, Growth, Calm, Sophistication. Tagged monochrome, muted, cool.
Use it as a design system
One click turns Muted Lagoon 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
- Fern Alley color palette (#F7F3D5, #CDC79D, #859454, #3F5000, #192000)
- Hushed Harbor color palette (#E0F9EA, #9BD3E3, #4394AB, #00576A, #002630)
- Lagoon Lantern color palette (#DEFCFF, #A1DAC0, #2D9B7F, #005F4A, #094348)
- Muted Bloom color palette (#CEF3F5, #00AAB5, #00646B, #003034, #000607)
- Cypress Boulevard color palette (#EEFAE3, #ADE6E4, #7BC6AF, #1C8166, #002F20)
- Lagoon Bloom color palette (#EDF5E4, #C6DFD4, #95B5CC, #649476, #343F2D)
- Tempered Meadow color palette (#D2E7F0, #0089B2, #005069, #001F2B, #000102)
- Dusty Alley color palette (#EDF4ED, #C7C5A4, #4F6A4C, #1E391B, #0E160D)
Browse the whole catalog at Explore, or see today's palette.