Ancient Lagoon Pier color palette — #F1F7F2 · #D3DCDD · #B8AFA4 · #438F96 · #4E554F

Storm Blue and Ash set the tone — five colors that lean into trust and stability.

The five colors

• Ivory (#F1F7F2): a clean, paper-quiet neutral.
• Silver (#D3DCDD): a clean, paper-quiet neutral.
• Ash (#B8AFA4): a calm mid-gray that lets other colors speak.
• Storm Blue (#438F96): A luminous, dusty blue — the color of a favorite pair of jeans.
• Charcoal Brown (#4E554F): quiet, heavy and certain.

Feels like: Trust, Stability, Sophistication. Tagged scandi, muted, light.

Use it as a design system

One click turns Ancient 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

• Taupe Delta color palette (#F1F7F2, #D1DEDE, #A7B6C1, #7FA78B, #4D554F)
• Hushed Cerulean color palette (#ECF3F6, #D4D7DE, #B7AEBD, #558D97, #2E383C)
• Timeworn Bronze Terrace color palette (#EFFAE3, #C6D1BF, #7B9D92, #8C6C27, #375442)
• Chestnut Courtyard color palette (#FFF3E5, #77B5AB, #5E78A0, #735321, #374E3E)
• Weathered Driftwood Basin color palette (#FAF4EB, #C4C2A8, #748B49, #4F6E5E, #554F00)
• Dusty Petrol color palette (#EFF7F5, #E5D7D7, #C5ACB0, #0D67A9, #2F3E3A)
• Ancient Spruce color palette (#E9EFEB, #A096A1, #826875, #00313A, #010D05)
• Tempered Navy Archive color palette (#EEE7ED, #C6B3BB, #AA8286, #003F90, #291929)

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