Forest Pier color palette — #EBE2EB · #57B3B2 · #00718D · #004E17 · #00142C

Deep Olive and Teal set the tone — five colors that lean into nature and growth.

The five colors

• Blush (#EBE2EB): bright and airy, almost weightless.
• Turquoise (#57B3B2): A luminous, balanced teal — the color of sea glass.
• Teal (#00718D): A full-bodied, balanced blue — the color of a favorite pair of jeans.
• Deep Olive (#004E17): A deep, shadowed, balanced green — the color of new leaves after rain.
• Ink (#00142C): A deep, shadowed, dusty blue — the color of open sky before noon.

Feels like: Nature, Growth, Trust, Stability, Calm, Balance. 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

• Patina Petrol color palette (#F3E3EC, #5BAECA, #0068B7, #004B3D, #0F053F)
• Petrol Courtyard color palette (#F8EBE5, #6DC8C7, #007388, #004025, #000306)
• Worn Lagoon color palette (#D8EDE9, #6EC0BF, #00959E, #006E61, #00181C)
• Weathered Lagoon Field color palette (#F4EBDD, #00A4A4, #00535E, #003124, #001720)
• Airy Pine color palette (#F2ECF3, #88D4CF, #0095B3, #127212, #0C304D)
• Olive Canyon color palette (#D8F7E6, #608C3E, #5B5500, #452900, #000F07)
• Patina Byzantium Pier color palette (#E1E1FF, #9000D3, #006C4D, #004F50, #0F001B)
• Patina Periwinkle color palette (#FBF2F7, #D1E0FC, #79A9DC, #418A77, #3D4761)

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