Lagoon Boulevard color palette — #F8F8D2 · #7BC899 · #189485 · #286E79 · #355648

Fern and Mint Leaf set the tone — five colors that lean into nature and growth.

The five colors

• Custard (#F8F8D2): A whisper-light, dusty green — the color of new leaves after rain.
• Mint Leaf (#7BC899): A luminous, balanced teal — the color of shallow lagoons.
• Fern (#189485): A luminous, balanced teal — the color of glacier melt.
• Teal (#286E79): A full-bodied, dusty blue — the color of deep harbor water.
• Charcoal Brown (#355648): A full-bodied, dusty teal — the color of shallow lagoons.

Feels like: Nature, Growth, Trust, Stability, Calm, Balance. Tagged muted, cool.

Use it as a design system

One click turns Lagoon Boulevard 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 Teal Study color palette (#EBFCD9, #94D7C2, #55B0A1, #388D85, #3A533B)
• Weathered Hollow color palette (#CDFCFF, #8ACEBB, #469D8F, #0D6C68, #133C47)
• Worn Teal color palette (#EDF9EA, #47C7BA, #C5848B, #1B837A, #61463E)
• Muted Teal Workshop color palette (#EAFAD3, #58C5BC, #3999B0, #416889, #5D485B)
• Softworn Mustard color palette (#FFF4E0, #C4C16C, #6C9250, #416E55, #30554B)
• Worn Teal color palette (#CBE8D8, #00A6A1, #006980, #00426E, #352050)
• Stone Pier color palette (#ECFBE5, #DBDAE7, #DCBCAA, #8A896B, #3F5044)
• Dusty Courtyard color palette (#E8FCE5, #12AEA6, #B77570, #91664A, #3A4638)

Browse the whole catalog at Explore, or see today's palette.