Quiet Lagoon color palette — #FCF6DB · #96CB8E · #399A79 · #257484 · #244320
Fern and Mint Leaf set the tone — five colors that lean into nature and growth.
The five colors
- Custard (#FCF6DB): A whisper-light, dusty green — the color of new leaves after rain.
- Mint Leaf (#96CB8E): A luminous, balanced green — the color of a quiet forest floor.
- Fern (#399A79): A luminous, balanced teal — the color of shallow lagoons.
- Teal (#257484): A full-bodied, dusty blue — the color of a favorite pair of jeans.
- Forest (#244320): A deep, shadowed, dusty green — the color of fresh herbs.
Feels like: Nature, Growth, Trust, Stability, Balance, Grounding. Tagged botanical, earthy, muted.
Use it as a design system
One click turns Quiet 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
- Dusty Lagoon Lantern color palette (#F5F8DB, #77CFB0, #009A9A, #54734D, #114435)
- Emerald Harbor color palette (#FFF4E0, #B6C284, #529A4F, #69628D, #383F12)
- Jade Summit color palette (#E2FCF1, #B1EBA6, #00AB80, #217787, #1C3618)
- Patina Cypress color palette (#E9E6CC, #77B687, #008471, #055F77, #262C0D)
- Washed Azure Thicket color palette (#FFF2EC, #BEE6CC, #41A6DD, #008472, #244069)
- Tempered Fern color palette (#F8F5E9, #CFD5B3, #91A283, #91747B, #4C5301)
- Pine Boulevard color palette (#F0EECE, #36875A, #005148, #431740, #000803)
- Patina Parlor color palette (#EDE1CC, #7A8C43, #006521, #3D286A, #0D1200)
Browse the whole catalog at Explore, or see today's palette.