Lagoon Courtyard color palette — #ECF4F0 · #A4CDC6 · #5A8D8F · #4E6570 · #203632
A conversation between Storm Blue and Stone, giving this palette its sense of sophistication and grounding.
The five colors
- Cream (#ECF4F0): a clean, paper-quiet neutral.
- Stone (#A4CDC6): A luminous, dusty teal — the color of shallow lagoons.
- Storm Blue (#5A8D8F): A luminous, dusty teal — the color of sea glass.
- Graphite (#4E6570): A full-bodied, dusty blue — the color of deep harbor water.
- Deep Forest (#203632): A deep, shadowed, dusty teal — the color of sea glass.
Feels like: 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
- Timeworn Lagoon Garden color palette (#EDF8F6, #A5C9C7, #558C8E, #416E75, #3B5251)
- Patina Cypress color palette (#F6EFF4, #D4D2EA, #72A3C0, #33796A, #25374E)
- Washed Iris color palette (#D9EFFF, #99BDE9, #7888C1, #56517F, #302F4A)
- Weathered Cypress Field color palette (#D8FBF3, #73B997, #007C75, #18526F, #002818)
- Worn Cobalt Villa color palette (#EBF2FF, #A4B1E0, #A1A068, #5F6DA9, #0D3A29)
- Ancient Fern Quarry color palette (#F8F5EC, #D2D4B8, #92A27C, #64876F, #505100)
- Linen Jade color palette (#C9EEE3, #3EAD6E, #006A5E, #5D235B, #001C0B)
- Worn Lantern color palette (#D3F0E5, #36793A, #004131, #2E0C37, #000400)
Browse the whole catalog at Explore, or see today's palette.