Pine Harbor color palette — #CFE7E4 · #0E7F1A · #00524E · #003249 · #1A134D
Built around Olive, softened by Deep Indigo — the whole palette hums with nature and growth.
The five colors
- Silver (#CFE7E4): A whisper-light, dusty teal — the color of sea glass.
- Olive (#0E7F1A): A full-bodied, vivid green — the color of a quiet forest floor.
- Forest (#00524E): A deep, shadowed, dusty teal — the color of sea glass.
- Deep Teal (#003249): A deep, shadowed, dusty blue — the color of a favorite pair of jeans.
- Deep Indigo (#1A134D): A deep, shadowed, balanced violet — the color of twilight just after sunset.
Feels like: Nature, Growth, Trust, Stability, Creativity, Balance. Tagged cool.
Use it as a design system
One click turns Pine 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
- Hushed Drift color palette (#E0F8F6, #198D4F, #006064, #003D64, #2C244C)
- Forest Orchard color palette (#C8E5E5, #006848, #003E47, #001E44, #151200)
- Olive Atelier color palette (#D3E6DF, #627100, #00543E, #00343F, #2F1A00)
- Navy Chapel color palette (#C9E8EA, #007B5A, #004F5E, #0C1D79, #1D2300)
- Cypress Market color palette (#DAF0D3, #68A37D, #117662, #0C4B6B, #24364C)
- Dusty Emerald color palette (#E0F5DA, #3AA842, #00773D, #004A2D, #003526)
- Weathered Coast color palette (#D5E9E8, #4C9E7E, #006453, #3B420F, #003032)
- Onyx Meadow color palette (#D0E7D7, #826800, #004F60, #47003F, #190016)
Browse the whole catalog at Explore, or see today's palette.