Weathered Pier color palette — #F8F0EA · #AAD2C2 · #587DB2 · #005B5E · #1A1B40

A conversation between Slate and Peacock, giving this palette its sense of trust and stability.

The five colors

• Cream (#F8F0EA): a clean, paper-quiet neutral.
• Pistachio (#AAD2C2): A whisper-light, dusty teal — the color of shallow lagoons.
• Slate (#587DB2): A full-bodied, balanced blue — the color of deep harbor water.
• Peacock (#005B5E): A full-bodied, dusty teal — the color of shallow lagoons.
• Deep Indigo (#1A1B40): A deep, shadowed, dusty violet — the color of a velvet chair.

Feels like: Trust, Stability, Calm, Sophistication. Tagged coastal, cool, light, 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

• Cobalt Villa color palette (#FBEFE9, #7CC8DF, #0079B4, #00524A, #000F4F)
• Softworn Forest color palette (#FCEFE8, #BBD9B9, #0092AA, #00663B, #00293D)
• Softworn Cobalt Loft color palette (#F4F6F0, #A1D1BF, #277EBC, #005C73, #49304C)
• Weathered Meadow color palette (#F0DFD8, #4797A4, #00506D, #002D23, #00040F)
• Worn Periwinkle color palette (#EBF8F7, #D9DDE8, #6BADE0, #007B97, #10304F)
• Timeworn Raspberry Orchard color palette (#DFEEDA, #42A495, #BA5382, #006358, #39001F)
• Jade Station color palette (#E5F0E1, #58B07C, #008065, #004945, #002329)
• Tempered Ridge color palette (#F0E4D7, #79A1C4, #3751A3, #003840, #0D002A)

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