Forest Harbor color palette — #D7E2D4 · #8AC7EF · #9684CB · #1F5000 · #000102

A conversation between Deep Olive and Lavender Blue, giving this palette its sense of nature and growth.

The five colors

• Bone (#D7E2D4): A whisper-light, dusty green — the color of new leaves after rain.
• Sky (#8AC7EF): A luminous, balanced blue — the color of deep harbor water.
• Lavender Blue (#9684CB): A luminous, balanced violet — the color of wild irises.
• Deep Olive (#1F5000): A deep, shadowed, balanced green — the color of new leaves after rain.
• Black (#000102): quiet, heavy and certain.

Feels like: Nature, Growth, Trust, Stability, Creativity, Sophistication. Tagged pastel, 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

• Dusty Aqua color palette (#EAEEE1, #48CBD0, #7991D0, #4B5000, #000201)
• Powder Garden color palette (#DCEFF6, #9DB2FA, #A772A7, #004838, #000105)
• Airy Amethyst Terrace color palette (#D4E9EC, #499CC8, #7954C0, #163B00, #000E14)
• Iris Canyon color palette (#DAF1F8, #7DA6DC, #8B7FD0, #007E6E, #000E12)
• Muted Sapphire Orchard color palette (#E2F6E3, #3D91AC, #1869D5, #003A2F, #000301)
• Blush Parlor color palette (#E6F1FF, #CEC3FD, #ED8198, #006971, #030019)
• Aubergine Garden color palette (#D0E7DD, #0085B2, #690058, #003043, #040002)
• Cellar Cocoa color palette (#F1E3DA, #8E6C32, #612A00, #2B0007, #010100)

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