Weathered Pier color palette — #F7EFF8 · #9CD2DF · #008AA6 · #1A5F1B · #02223C

Pine and Cerulean set the tone — five colors that lean into nature and growth.

The five colors

• Blush (#F7EFF8): a clean, paper-quiet neutral.
• Sky (#9CD2DF): A whisper-light, dusty blue — the color of open sky before noon.
• Cerulean (#008AA6): A full-bodied, balanced blue — the color of deep harbor water.
• Pine (#1A5F1B): A full-bodied, balanced green — the color of new leaves after rain.
• Midnight (#02223C): A deep, shadowed, dusty blue — the color of deep harbor water.

Feels like: Nature, Growth, Trust, Stability, Calm, Balance. 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 Garden color palette (#F7EFF3, #ABCDE4, #3E7AD4, #005C52, #181E39)
• Weathered Bloom color palette (#ECF9EF, #96D2CD, #008893, #1E6048, #154053)
• Turquoise Chapel color palette (#FFF2EE, #9DE4DD, #44A4BB, #52774C, #1A3D5A)
• Timeworn Workshop color palette (#F7EFF2, #D9D0E3, #8B9ACA, #387777, #32344A)
• Linen Violet Coast color palette (#ECEFFE, #8463D1, #00835A, #006B53, #0F112A)
• Lagoon Summit color palette (#EDE1ED, #3F8585, #004255, #002106, #000104)
• Denim Studio color palette (#E7DDE6, #5EABAE, #00617F, #003C1B, #000A20)
• Tempered Chestnut color palette (#D2E6DA, #8CA171, #72650E, #5A3403, #001D1D)

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