Forest Harbor color palette — #F7ECE9 · #7BC0BB · #00748C · #09540C · #023052

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

The five colors

• Cream (#F7ECE9): bright and airy, almost weightless.
• Mint Leaf (#7BC0BB): A luminous, dusty teal — the color of glacier melt.
• Teal (#00748C): A full-bodied, balanced blue — the color of open sky before noon.
• Deep Olive (#09540C): A deep, shadowed, balanced green — the color of fresh herbs.
• Navy (#023052): A deep, shadowed, dusty 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 Harbor 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

• Tempered Cobalt Atelier color palette (#F6ECE6, #76BDD5, #006AB6, #005141, #272A4E)
• Petrol Parlor color palette (#E1EDE3, #6BC5C0, #007984, #004D37, #001921)
• Timeworn Grove color palette (#FDF3EF, #AECFB3, #0083B0, #006437, #4A3049)
• Patina Denim Study color palette (#E7DCD7, #6EA9B6, #005D8C, #00402C, #0F194B)
• Wandering Lapis Studio color palette (#FDF3E9, #81BFEF, #404FFC, #005656, #3D1E66)
• Emerald Summit color palette (#F4EBF1, #A3E1DD, #2BB7CF, #169657, #003249)
• Weathered Terrace color palette (#FBECE6, #3D8E98, #00425E, #002413, #00032B)
• Weathered Nightshade color palette (#EBE1D9, #5E97B7, #023BAC, #00302C, #17033B)

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