Pine Harbor color palette — #C2E8DA · #228E3C · #005B45 · #003755 · #002D16
Kelly Green and Pine set the tone — five colors that lean into nature and growth.
The five colors
- Celadon Mist (#C2E8DA): A whisper-light, dusty teal — the color of shallow lagoons.
- Kelly Green (#228E3C): A full-bodied, balanced green — the color of fresh herbs.
- Pine (#005B45): A full-bodied, balanced teal — the color of sea glass.
- Deep Teal (#003755): A deep, shadowed, dusty blue — the color of a favorite pair of jeans.
- Deep Forest (#002D16): A deep, shadowed, dusty teal — the color of sea glass.
Feels like: Nature, Growth, Trust, Stability, Calm, Balance. Tagged retro, 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
- Aged Olive Summit color palette (#C5E8D6, #757F00, #265B07, #003A42, #1E2900)
- Feathered Parlor color palette (#D5F8EC, #359C63, #006A5A, #0D426E, #053839)
- Hushed Navy Hollow color palette (#BAEADF, #008B78, #00585D, #1F237C, #002B28)
- Midnight Dune color palette (#CEF4F4, #00663E, #37323A, #002018, #000C0C)
- Lime Parlor color palette (#D5FCF9, #85D046, #00A75D, #008069, #00311E)
- Misty Olive color palette (#F0E2E9, #6F8300, #00594C, #540033, #011301)
- Twilit Onyx Alley color palette (#DFEADC, #006562, #003740, #18004D, #000E0F)
- Pale Alley color palette (#F8D7BF, #81A02B, #007A6D, #7C105D, #002D07)
Browse the whole catalog at Explore, or see today's palette.