Forest Pier color palette — #F7ECDC · #859D51 · #007346 · #004E5E · #151E00

A conversation between Pine and Moss, giving this palette its sense of nature and growth.

The five colors

• Cream (#F7ECDC): A whisper-light, dusty gold — the color of afternoon light on wheat.
• Moss (#859D51): A luminous, balanced green — the color of fresh herbs.
• Pine (#007346): A full-bodied, balanced teal — the color of sea glass.
• Peacock (#004E5E): A deep, shadowed, dusty blue — the color of deep harbor water.
• Ink (#151E00): A deep, shadowed, dusty green — the color of new leaves after rain.

Feels like: Nature, Growth, Trust, Stability, Balance, Grounding. Tagged botanical, earthy, muted.

Use it as a design system

One click turns Forest 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 Forest color palette (#E8FBF0, #8AB069, #007245, #00454A, #030A00)
• Softworn Canyon color palette (#E7E0CB, #4A9751, #006154, #003C5C, #001502)
• Frosted Amber color palette (#FEE6D6, #B58B25, #5A6900, #4A3B69, #241800)
• Quiet Emerald color palette (#E2E3C9, #86B586, #1D9658, #08755D, #002203)
• Patina Pine color palette (#EEE3D1, #97AF74, #008758, #74435E, #2D2A06)
• Wandering Emerald Coast color palette (#FFF3E4, #B7C46B, #3B9D57, #88557E, #3C3B34)
• Hushed Forest color palette (#EFE4D8, #7E772B, #1C5300, #3F1A42, #070600)
• Cobalt Harbor color palette (#ECE0DC, #7FBDC4, #007FAD, #005D35, #071D45)

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