Lagoon Pier color palette — #FBF3F1 · #C3E0E6 · #81BAD7 · #5F9472 · #5E4C5D

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

The five colors

• Ivory (#FBF3F1): a clean, paper-quiet neutral.
• Silver (#C3E0E6): A whisper-light, dusty blue — the color of a favorite pair of jeans.
• Sky (#81BAD7): A luminous, dusty blue — the color of a favorite pair of jeans.
• Fern (#5F9472): A luminous, dusty teal — the color of glacier melt.
• Charcoal Brown (#5E4C5D): A full-bodied, 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 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

• Powder Study color palette (#FAF3F8, #D4D5E4, #A8C9F2, #669D9F, #3B5063)
• Ancient Powder Canyon color palette (#FFF0FE, #89B2F4, #ABA959, #729867, #4B3D4B)
• Periwinkle Boulevard color palette (#FEF3EC, #A3E7FF, #499FF5, #00856E, #37396D)
• Ancient Denim color palette (#EFE4DE, #45A1B1, #005E8C, #003D29, #020329)
• Timeworn Periwinkle color palette (#E0FEEA, #92D0F5, #6CA4EC, #6E74AE, #64444E)
• Tempered Pier color palette (#FFF0F9, #BDBFF2, #DEA465, #8485C1, #524C46)
• Chalky Cornflower color palette (#F4EDE7, #99CCE9, #4280F5, #006D64, #2E2552)
• Pale Quarry color palette (#FBEBE6, #64C3C5, #0080A5, #005E29, #001E43)

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