Forest Pier color palette — #E5F1F0 · #BED0D2 · #8FA4AD · #216436 · #203230

Pine and Blue Fog set the tone — five colors that lean into nature and growth.

The five colors

• Cream (#E5F1F0): bright and airy, almost weightless.
• Oat (#BED0D2): soft and architectural.
• Blue Fog (#8FA4AD): A luminous, dusty blue — the color of open sky before noon.
• Pine (#216436): A full-bodied, balanced teal — the color of glacier melt.
• Deep Forest (#203230): A deep, shadowed, dusty teal — the color of glacier melt.

Feels like: Nature, Growth, Sophistication. Tagged scandi, muted, light.

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

• Forest Villa color palette (#E8EAE3, #C9CDC4, #99A992, #00663D, #14180C)
• Timeworn Abyss Pier color palette (#E1F0F1, #A8BDC4, #7792A5, #005140, #022427)
• Patina Pine color palette (#E7F1F0, #CDDBDB, #9BBFC4, #008752, #1B3332)
• Tempered Petrol Summit color palette (#EEF6FD, #D9D7E8, #B7BBCE, #0072A6, #34414C)
• Onyx Terrace color palette (#DBE3E9, #919BA7, #67708B, #003040, #000B14)
• Washed Cocoa Loft color palette (#EDF1DD, #74A4A4, #466F7C, #71393D, #593000)
• Quiet Pine color palette (#F4D2E9, #338C48, #005760, #630025, #002C20)
• Patina Lime color palette (#DDFBFF, #8FBD29, #00AD80, #006E9C, #002A2C)

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