Forest Pier color palette — #FFF2EE · #7AC7C6 · #007A97 · #005B1B · #003460

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

The five colors

• Ivory (#FFF2EE): a clean, paper-quiet neutral.
• Mint Leaf (#7AC7C6): A luminous, dusty teal — the color of glacier melt.
• Teal (#007A97): A full-bodied, balanced blue — the color of deep harbor water.
• Deep Olive (#005B1B): A full-bodied, balanced green — the color of fresh herbs.
• Navy (#003460): A deep, shadowed, balanced blue — the color of open sky before noon.

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

• Airy Cobalt color palette (#FFF2EB, #6EC5E4, #1B6FBF, #005749, #2B2768)
• Dusty Petrol Market color palette (#EBF5EC, #7BCBCB, #008090, #005440, #001E28)
• Wandering Field color palette (#FCF4E8, #8DDBDA, #009EB1, #00755A, #00394A)
• Patina Cobalt Courtyard color palette (#FFF2EA, #ADDAC4, #3C7FD5, #00685A, #3B386B)
• Antique Thicket color palette (#EEDED9, #5DADB4, #005F81, #004122, #031C47)
• Dusty Alley color palette (#FBF3F0, #CAEAE4, #7AA494, #497B61, #5E4C5C)
• Washed Navy color palette (#E9DBD4, #478B9D, #003F68, #002319, #04002D)
• Airy Magenta Cabin color palette (#F2DCF6, #C333DE, #006430, #004B43, #36113E)

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