Washed Pine Pier color palette — #F9F3F8 · #B8E5F5 · #4694B8 · #247347 · #38495F

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

The five colors

• Ivory (#F9F3F8): a clean, paper-quiet neutral.
• Powder Blue (#B8E5F5): A whisper-light, dusty blue — the color of deep harbor water.
• Cerulean (#4694B8): A luminous, balanced blue — the color of deep harbor water.
• Pine (#247347): A full-bodied, balanced teal — the color of glacier melt.
• Charcoal (#38495F): A full-bodied, dusty blue — the color of a favorite pair of jeans.

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

Use it as a design system

One click turns Washed Pine 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

• Muted Ash color palette (#FAF3F6, #D8DEEF, #819AC4, #427A73, #4D5264)
• Cobalt Studio color palette (#FCF2F8, #A7CBDE, #347DBA, #00624C, #2D3A57)
• Dusty Cerulean Delta color palette (#F7F1E7, #C8E5CC, #5699A9, #306A5D, #0C3426)
• Hushed Courtyard color palette (#E7F9FF, #31B3BE, #CC685F, #00737C, #53384F)
• Pale Basin color palette (#BFF5EE, #65C7A8, #008B8A, #006882, #364F6A)
• Ancient Station color palette (#FBF3EF, #C8E6DF, #7ECAE4, #5FAA89, #1F5245)
• Chalky Bronze color palette (#E3FAFF, #009D93, #BA5F00, #7A6100, #183E45)
• Muted Cerulean color palette (#F4E5F0, #25A0B4, #004F77, #003121, #060A3E)

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