Pine Pier color palette — #E9DCEA · #B65B6B · #1F8438 · #006557 · #200923

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

The five colors

• Silver (#E9DCEA): A whisper-light, dusty pink — the color of a candy shop window.
• Brick (#B65B6B): A full-bodied, balanced red — the color of a theater curtain.
• Fern (#1F8438): A full-bodied, balanced green — the color of a quiet forest floor.
• Pine (#006557): A full-bodied, balanced teal — the color of sea glass.
• Ink (#200923): A deep, shadowed, dusty pink — the color of neon signs at night.

Feels like: Nature, Growth, Balance. Tagged warm.

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

• Aged Garden color palette (#EDE1ED, #BB5861, #00806F, #00626F, #2B0309)
• Dusty Olive Corridor color palette (#E4DFF0, #A1629A, #5F7A00, #006838, #230720)
• Gentle Raspberry Archive color palette (#ECDEF8, #B55285, #717100, #006385, #32253C)
• Bronze Boulevard color palette (#DEEEE3, #8D7200, #466A25, #004C5E, #001508)
• Worn Mulberry color palette (#EDD9DC, #99224D, #00594B, #003E45, #0C0002)
• Hushed Cerulean color palette (#FFECF3, #BD9270, #449CA9, #008897, #381E2A)
• Softworn Harbor color palette (#D2F0DB, #826800, #00649A, #37417D, #0F0A00)
• Misty Wisteria color palette (#FDDBDF, #CB6ACA, #009D9D, #187C9B, #3F2127)

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