Weathered Pier color palette — #DBE8E9 · #8D9DA2 · #5A7486 · #003328 · #000C0E

Built around Deep Forest, softened by Slate — the whole palette hums with sophistication.

The five colors

• Frost (#DBE8E9): bright and airy, almost weightless.
• Blue Fog (#8D9DA2): a calm mid-gray that lets other colors speak.
• Slate (#5A7486): A full-bodied, dusty blue — the color of deep harbor water.
• Deep Forest (#003328): A deep, shadowed, dusty teal — the color of shallow lagoons.
• Ink (#000C0E): A deep, shadowed, dusty blue — the color of deep harbor water.

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

Use it as a design system

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

• Hushed Spruce color palette (#E6EDE3, #829381, #57735B, #00322B, #000200)
• Tempered Market color palette (#D7E1E9, #A0AABA, #787D9B, #003C5A, #031524)
• Weathered Abyss Alley color palette (#E7F0F3, #C0CED7, #94A2B3, #006262, #203136)
• Navy Workshop color palette (#D7E7DD, #187980, #0F3C73, #311800, #0E0D00)
• Dusty Emerald Summit color palette (#CBEEF6, #16981F, #006E71, #004377, #000608)
• Lowlit Fern color palette (#E4F6E3, #695E00, #203100, #001C15, #070600)
• Charred Lagoon color palette (#FCE7E3, #005844, #002837, #220100, #000404)
• Petrol Delta color palette (#F0F6FA, #D9D9E2, #C2BCCA, #0A7FA5, #3F4950)

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