Forest Pier color palette — #F2E6E3 · #A0BD9B · #00788F · #144E0C · #00172B

Built around Deep Olive, softened by Teal — the whole palette hums with nature and growth.

The five colors

• Rose Water (#F2E6E3): bright and airy, almost weightless.
• Sage (#A0BD9B): A luminous, dusty green — the color of a quiet forest floor.
• Teal (#00788F): A full-bodied, balanced blue — the color of deep harbor water.
• Deep Olive (#144E0C): A deep, shadowed, balanced green — the color of new leaves after rain.
• Ink (#00172B): A deep, shadowed, dusty blue — the color of open sky before noon.

Feels like: Nature, Growth, Trust, Stability, Sophistication. Tagged coastal, cool, light, 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

• Antique Cypress Parlor color palette (#F5EDE1, #9CBB98, #007680, #00523A, #003441)
• Timeworn Petrol color palette (#F0E7E1, #89BCD0, #396EA6, #004D3F, #110F34)
• Washed Forest Summit color palette (#FDEEEA, #B5CFB9, #3985A9, #005F35, #2E162E)
• Softworn Denim Terrace color palette (#EBDAD2, #80A78C, #005E8C, #003B28, #020033)
• Pine Meadow color palette (#F3EBF4, #94D2CE, #0095B4, #0D7215, #003054)
• Moss Boulevard color palette (#E6DDCC, #938D00, #506400, #003D1B, #001E18)
• Hushed Lagoon color palette (#F8E6DE, #35858F, #00415C, #002111, #00000A)
• Tempered Emerald Villa color palette (#D4EFD7, #45AA61, #006F30, #002F07, #000A02)

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