Pine Harbor color palette — #F2D5DF · #B66C00 · #018A23 · #006057 · #2D0F1C
Kelly Green and Ochre set the tone — five colors that lean into nature and growth.
The five colors
- Shell Pink (#F2D5DF): A whisper-light, dusty rose — the color of a warm blush.
- Ochre (#B66C00): A full-bodied, balanced gold — the color of afternoon light on wheat.
- Kelly Green (#018A23): A full-bodied, vivid green — the color of fresh herbs.
- Pine (#006057): A full-bodied, dusty teal — the color of glacier melt.
- Ink (#2D0F1C): A deep, shadowed, dusty rose — the color of pressed rose petals.
Feels like: Nature, Growth, Optimism, Balance. Tagged warm.
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
- Antique Olive color palette (#D5E7D7, #AB7D00, #3D7400, #004E47, #3C0D00)
- Airy Ember color palette (#F2D4E7, #DB4500, #6A7B00, #006335, #281122)
- Frosted Basin color palette (#FFF0F9, #D95F2C, #008B6F, #005B48, #140300)
- Tempered Bronze Orchard color palette (#D9EFDF, #886A00, #007257, #004C51, #130C00)
- Moss Dune color palette (#C3E7DB, #738C00, #00818B, #005A7E, #002119)
- Misty Amber Field color palette (#C7E8CD, #CB7E00, #816500, #005638, #0F2B12)
- Timeworn Amber color palette (#F6E4D7, #D68B2C, #9E6F00, #5F4A00, #272200)
- Pale Quarry color palette (#EBD7EA, #B80034, #005F62, #004042, #251325)
Browse the whole catalog at Explore, or see today's palette.