Forest Harbor color palette — #F7EFF7 · #85E2E2 · #0090B6 · #006728 · #032548
Pine takes the lead with Cerulean close behind in a set that reads as nature and growth at first glance.
The five colors
- Blush (#F7EFF7): bright and airy, almost weightless.
- Ice Blue (#85E2E2): A whisper-light, balanced teal — the color of glacier melt.
- Cerulean (#0090B6): A luminous, balanced blue — the color of a favorite pair of jeans.
- Pine (#006728): A full-bodied, balanced green — the color of new leaves after rain.
- Midnight (#032548): A deep, shadowed, dusty blue — the color of deep harbor water.
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
- Petrol Market color palette (#FAEDF8, #63CED5, #007CA4, #00552B, #00183E)
- Muted Cornflower color palette (#F9EEF4, #A2D9F0, #3783DC, #006455, #211F45)
- Cerulean Quarry color palette (#EAFAED, #72E3E5, #008FA3, #006953, #00475D)
- Wandering Pine Canyon color palette (#FFF2EE, #82F0F3, #1EAAD8, #1C8745, #254164)
- Muted Station color palette (#F6F0F4, #D4D2EA, #70A3C7, #487662, #2B364B)
- Jade Study color palette (#D8EEDB, #00B08D, #007A7C, #005663, #002943)
- Pine Lantern color palette (#DDF7FF, #CBD7F7, #C1A1FB, #00844A, #002B3A)
- Sky Basin color palette (#DDF7FF, #00C6EF, #00778B, #003F47, #00161B)
Browse the whole catalog at Explore, or see today's palette.