Weathered Pier color palette — #F3E2F3 · #AF4A3A · #564308 · #00213A · #000C1A

A conversation between Brick and Deep Olive, giving this palette its sense of trust and stability.

The five colors

• Blush (#F3E2F3): A whisper-light, dusty pink — the color of a candy shop window.
• Brick (#AF4A3A): A full-bodied, balanced orange — the color of sun-warmed clay.
• Deep Olive (#564308): A deep, shadowed, dusty gold — the color of afternoon light on wheat.
• Midnight (#00213A): A deep, shadowed, dusty blue — the color of deep harbor water.
• Ink (#000C1A): A deep, shadowed, dusty blue — the color of open sky before noon.

Feels like: Trust, Stability, Optimism, Sophistication. Tagged vintage, 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

• Chestnut Meadow color palette (#FFE4E9, #90561D, #3B4A1B, #111B4B, #030233)
• Weathered Spruce color palette (#FBE5DE, #9F6D49, #614000, #113805, #002010)
• Cocoa Balcony color palette (#EBEFFF, #8E5485, #732600, #002C2D, #000D0E)
• Timeworn Boulevard color palette (#FFE4E5, #D5743F, #7C540B, #003839, #000D14)
• Charred Terrace color palette (#FAE2E5, #A71800, #532B00, #241500, #040300)
• Feathered Atelier color palette (#FBD7EB, #B3786F, #855913, #003F60, #0D184B)
• Shadow Parlor color palette (#FAE9D6, #956900, #4D3200, #1D1000, #020100)
• Washed Chestnut color palette (#F9E2EA, #834C00, #004E76, #3F2100, #000307)

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