Lagoon Courtyard color palette — #E7FAF2 · #9FC08B · #4D9262 · #496C5E · #173D36
Fern and Sage set the tone — five colors that lean into nature and growth.
The five colors
- Ivory (#E7FAF2): A whisper-light, dusty teal — the color of shallow lagoons.
- Sage (#9FC08B): A luminous, balanced green — the color of fresh herbs.
- Fern (#4D9262): A luminous, balanced teal — the color of shallow lagoons.
- Pine (#496C5E): A full-bodied, dusty teal — the color of sea glass.
- Forest (#173D36): A deep, shadowed, dusty teal — the color of shallow lagoons.
Feels like: Nature, Growth, Sophistication, Grounding. Tagged botanical, earthy, muted.
Use it as a design system
One click turns Lagoon Courtyard 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
- Seafoam Studio color palette (#E8FAF6, #99D4AE, #619D8C, #537B73, #2F4847)
- Jade Summit color palette (#CEECE5, #70B884, #1F8469, #2C5D6C, #05302E)
- Dusty Emerald Archive color palette (#F8F6E4, #BFDAAD, #669963, #5A6B2D, #2A290D)
- Muted Mustard color palette (#D6F4DE, #B4B12B, #628500, #146C44, #313000)
- Aged Emerald color palette (#DBF3EC, #57A75C, #00734F, #3D4B21, #00201E)
- Feathered Coral Courtyard color palette (#D8F4FC, #00BFC0, #D97277, #008282, #562226)
- Aqua Coast color palette (#D4F8FF, #00D1E7, #0094A8, #005A64, #002930)
- Timeworn Powder color palette (#E6F9FF, #B3EAFF, #A4CAFF, #489887, #294756)
Browse the whole catalog at Explore, or see today's palette.