Tempered Lagoon Pier color palette — #FDF3EE · #C0ECD1 · #85B7E2 · #3DA081 · #4E2E46

A conversation between Fern and Sky, giving this palette its sense of nature and growth.

The five colors

• Ivory (#FDF3EE): bright and airy, almost weightless.
• Mint (#C0ECD1): A whisper-light, dusty teal — the color of shallow lagoons.
• Sky (#85B7E2): A luminous, balanced blue — the color of open sky before noon.
• Fern (#3DA081): A luminous, balanced teal — the color of shallow lagoons.
• Charcoal (#4E2E46): A deep, shadowed, dusty pink — the color of peonies in June.

Feels like: Nature, Growth, Trust, Stability, Sophistication. Tagged coastal, cool, light, muted.

Use it as a design system

One click turns Tempered Lagoon Pier 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

• Periwinkle Corridor color palette (#F5EDE5, #ABD9FC, #86A0F2, #009190, #342251)
• Dusty Cabin color palette (#FBF3EF, #C5DEE5, #9BCCD0, #7FAE97, #62495E)
• Weathered Turquoise color palette (#FFF0FB, #F7D1DF, #EDB8A1, #6EB1CB, #522F3F)
• Dusty Canyon color palette (#FFF2ED, #8CECF0, #00BBF0, #009F4D, #003168)
• Lilac Pier color palette (#FBDAEA, #AE9EFE, #B2A845, #699B47, #3E2031)
• Hushed Field color palette (#EDF9EF, #AEDCF3, #4BA0C8, #007C78, #193D5B)
• Azure Market color palette (#E9DDD6, #80CCEA, #4794EC, #007F6D, #1B124E)
• Washed Cobalt Basin color palette (#F7EFF4, #A2CFE5, #3882B9, #005E46, #132039)

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