Worn Pier color palette — #F5F0F5 · #D0D3E8 · #78A3BB · #4A784F · #25384C

Olive and Blue Fog set the tone — five colors that lean into nature and growth.

The five colors

• Ivory (#F5F0F5): a clean, paper-quiet neutral.
• Silver (#D0D3E8): A whisper-light, dusty violet — the color of twilight just after sunset.
• Blue Fog (#78A3BB): A luminous, dusty blue — the color of a favorite pair of jeans.
• Olive (#4A784F): A full-bodied, balanced green — the color of a quiet forest floor.
• Deep Teal (#25384C): A deep, shadowed, dusty blue — the color of a favorite pair of jeans.

Feels like: Nature, Growth, Sophistication. Tagged coastal, cool, light, muted.

Use it as a design system

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

• Wandering Orchard color palette (#F1F7F2, #CEE3F6, #58A7B3, #457B67, #3F5664)
• Abyss Hollow color palette (#E8DFE7, #45848B, #00415B, #002110, #000109)
• Washed Cerulean Grove color palette (#FBEDF9, #CA8885, #339EAA, #178894, #312130)
• Linen Cobalt Lantern color palette (#FAEEF6, #ACD7EC, #218ACD, #00654A, #141C57)
• Ancient Chestnut color palette (#EBF5EC, #A5C3B6, #6E8C73, #784C33, #14322E)
• Weathered Chapel color palette (#F1E5EC, #90B9D4, #306BB6, #004C42, #140C38)
• Hushed Plum Market color palette (#F7EEF9, #D9A2AC, #58AAB7, #AC4E65, #00383F)
• Weathered Station color palette (#F9ECF0, #7DA0C1, #434BA9, #00393B, #120024)

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