Lagoon Courtyard color palette — #EDF8F3 · #A3CAC5 · #588E7C · #4B6B7B · #3A5350
Built around Fern, softened by Graphite — the whole palette hums with calm and sophistication.
The five colors
- Ivory (#EDF8F3): a clean, paper-quiet neutral.
- Stone (#A3CAC5): A luminous, dusty teal — the color of shallow lagoons.
- Fern (#588E7C): A luminous, dusty teal — the color of shallow lagoons.
- Graphite (#4B6B7B): A full-bodied, dusty blue — the color of a favorite pair of jeans.
- Charcoal Brown (#3A5350): A full-bodied, dusty teal — the color of sea glass.
Feels like: Calm, Sophistication, Grounding. Tagged botanical, earthy, muted, cool.
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
- Timeworn Drift color palette (#EDF8F3, #9BB993, #208664, #585672, #2D4844)
- Softworn Driftwood color palette (#F1F4E5, #BDC9A5, #718E4E, #586654, #2A3700)
- Azure Grove color palette (#FAF3F7, #D6E0F2, #6BA0C5, #3C7B71, #445469)
- Washed Iris Field color palette (#EDF7FF, #96BFF0, #7582D1, #65568E, #4F4C68)
- Muted Fern color palette (#F6F6EC, #DAE2C3, #AABD99, #8DA08F, #485407)
- Weathered Lantern color palette (#CFE8DF, #327D46, #004236, #370A3C, #001504)
- Amber Grove color palette (#F2F5FF, #B1A8DA, #BE9036, #7566AA, #3C5440)
- Bronze Thicket color palette (#F1F5FF, #8A91D7, #A18729, #61814F, #3C4252)
Browse the whole catalog at Explore, or see today's palette.