Forest Harbor color palette — #F8F0EE · #B5D0B3 · #2788A2 · #076012 · #00223E

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

The five colors

• Cream (#F8F0EE): a clean, paper-quiet neutral.
• Pistachio (#B5D0B3): A whisper-light, dusty green — the color of new leaves after rain.
• Cerulean (#2788A2): A full-bodied, balanced blue — the color of deep harbor water.
• Pine (#076012): A full-bodied, balanced green — the color of new leaves after rain.
• Midnight (#00223E): A deep, shadowed, dusty blue — the color of a favorite pair of jeans.

Feels like: Nature, Growth, Trust, Stability, Balance. Tagged coastal, cool, light, muted.

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

• Cobalt Studio color palette (#FEEEE8, #9FDBE5, #008DC8, #006542, #0B1D5A)
• Weathered Lagoon Corridor color palette (#FBF4EA, #94D3CE, #008893, #006346, #214332)
• Worn Meadow color palette (#F9F0EC, #C8E4D2, #5C94BE, #006F52, #3D2137)
• Cobalt Harbor color palette (#F2E6E0, #83BECF, #006FB4, #004D3B, #0C0942)
• Dusty Lantern color palette (#F9F3F9, #A3E3DC, #00A7C4, #4B7A41, #1C3E58)
• Jade Balcony color palette (#DCECD2, #57AB80, #00766B, #004D59, #002130)
• Hushed Chapel color palette (#E4F9E5, #B3E1E2, #B0A7E0, #2C793A, #0A2C1B)
• Antique Cypress Balcony color palette (#F6F1EC, #C9E1E4, #B390A9, #24797B, #482C38)

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