Pine Pier color palette — #FFD2C6 · #178E46 · #00556E · #64001E · #002B24

Built around Fern, softened by Mulberry — the whole palette hums with nature and growth.

The five colors

• Shell Pink (#FFD2C6): A whisper-light, dusty orange — the color of sun-warmed clay.
• Fern (#178E46): A full-bodied, balanced teal — the color of glacier melt.
• Peacock (#00556E): A full-bodied, balanced blue — the color of open sky before noon.
• Mulberry (#64001E): A deep, shadowed, balanced red — the color of a theater curtain.
• Deep Forest (#002B24): A deep, shadowed, dusty teal — the color of sea glass.

Feels like: Nature, Growth, Trust, Stability, Balance. Tagged retro.

Use it as a design system

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

• Hushed Garnet color palette (#FED3C6, #718000, #005958, #5D0045, #002D08)
• Wandering Cabin color palette (#FFE9E1, #0E9E6E, #01618E, #6D2324, #213720)
• Airy Navy Delta color palette (#F7D7C1, #008A7A, #00499C, #552100, #002A30)
• Hushed Alley color palette (#D5E6D8, #008D6F, #005662, #51003E, #001210)
• Hazy Veranda color palette (#EFDBBD, #1EAA88, #007686, #7E0062, #002B27)
• Softworn Aubergine color palette (#DEE5CF, #007D45, #6E1D6C, #5C000A, #2D1200)
• Muted Cocoa Harbor color palette (#E8EBCC, #889D77, #426C8C, #5E3B05, #352E00)
• Smoked Navy Hollow color palette (#F9E6D5, #006661, #08138C, #281300, #000E13)

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