Pine Pier color palette — #F5ECD3 · #2D7A30 · #004036 · #350D22 · #000400

Olive takes the lead with Deep Indigo close behind in a set that reads as nature and growth at first glance.

The five colors

• Cream (#F5ECD3): A whisper-light, dusty green — the color of new leaves after rain.
• Olive (#2D7A30): A full-bodied, balanced green — the color of a quiet forest floor.
• Forest (#004036): A deep, shadowed, dusty teal — the color of sea glass.
• Deep Indigo (#350D22): A deep, shadowed, dusty rose — the color of strawberry cream.
• Ink (#000400): A deep, shadowed, dusty green — the color of new leaves after rain.

Feels like: Nature, Growth, Sophistication, Grounding. Tagged botanical, earthy, muted.

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

• Ancient Pine color palette (#E6E0C7, #3B8B55, #004F49, #3F1A37, #000B03)
• Weathered Olive color palette (#FCECDB, #6E6C00, #084306, #300C34, #040300)
• Ancient Mulberry Workshop color palette (#FFE5E3, #A3006A, #00554F, #500032, #000403)
• Ancient Emerald color palette (#C0ECE3, #00A966, #005B4B, #222554, #000201)
• Washed Moss Workshop color palette (#EEE5D2, #719D48, #006549, #442E52, #141300)
• Ancient Lagoon color palette (#FFF0D8, #9AB44A, #237E4E, #52436C, #1C2400)
• Obsidian Mulberry color palette (#F4E4EA, #850053, #00484B, #052D3D, #040001)
• Coral Garden color palette (#F1E1EA, #EE775A, #877700, #4A226A, #110002)

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