Weathered Pier color palette — #F5D7C8 · #007938 · #00444C · #40000D · #000705

Built around Olive, softened by Espresso — the whole palette hums with nature and growth.

The five colors

• Bone (#F5D7C8): A whisper-light, dusty orange — the color of sun-warmed clay.
• Olive (#007938): A full-bodied, balanced teal — the color of sea glass.
• Deep Teal (#00444C): A deep, shadowed, dusty blue — the color of deep harbor water.
• Espresso (#40000D): A deep, shadowed, balanced red — the color of late-summer berries.
• Ink (#000705): A deep, shadowed, dusty teal — the color of glacier melt.

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

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

• Worn Courtyard color palette (#F5E7DD, #007568, #004061, #341300, #000708)
• Antique Harbor color palette (#F3DDCB, #706600, #00482D, #370037, #040600)
• Smoked Lagoon color palette (#EBF2DD, #006942, #460082, #390008, #080200)
• Aged Navy color palette (#EFEFD0, #007764, #004648, #0F096F, #001B18)
• Washed Lagoon color palette (#EDEDD8, #418966, #004F49, #1B3100, #000B04)
• Dusty Chapel color palette (#DEF1DE, #3F857A, #005673, #541F00, #1E0E00)
• Onyx Courtyard color palette (#F2EADD, #005154, #00214D, #100900, #000102)
• Feathered Emerald color palette (#FFE4F6, #009A50, #006471, #6D0025, #001B15)

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