Patina Pine Pier color palette — #FBF3F1 · #CFE4DE · #70A1B7 · #447D55 · #5E4B5F

A conversation between Teal and Blue Fog, giving this palette its sense of nature and growth.

The five colors

• Ivory (#FBF3F1): a clean, paper-quiet neutral.
• Silver (#CFE4DE): A whisper-light, dusty teal — the color of shallow lagoons.
• Blue Fog (#70A1B7): A luminous, dusty blue — the color of deep harbor water.
• Teal (#447D55): A full-bodied, balanced teal — the color of glacier melt.
• Charcoal Brown (#5E4B5F): A full-bodied, dusty pink — the color of neon signs at night.

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

Use it as a design system

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

• Worn Cypress Cabin color palette (#F9F4EF, #CDE4E7, #B18CA6, #0C7E82, #644A54)
• Dusty Pine Alley color palette (#F4F7EA, #90BD9A, #A78CBD, #2D864B, #67404D)
• Washed Cypress color palette (#EEF4EF, #CBE1F7, #5CA9B9, #2F7A65, #223947)
• Aged Grove color palette (#F8F5EF, #C9EAE1, #79BECC, #569581, #385145)
• Antique Spruce color palette (#EDDFDC, #70ABA9, #006179, #004210, #00203F)
• Wandering Hollow color palette (#FFF2EB, #B2D9C3, #3184CA, #006953, #343971)
• Weathered Pine color palette (#FFF3E2, #B5B988, #779450, #267750, #435739)
• Worn Ridge color palette (#F0E2DC, #508B95, #004161, #002416, #01002F)

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