Pine Harbor color palette — #F1F3E9 · #8AC396 · #008687 · #0C7938 · #051206
Built around Olive, softened by Teal — the whole palette hums with nature and growth.
The five colors
- Cream (#F1F3E9): a clean, paper-quiet neutral.
- Mint Leaf (#8AC396): A luminous, balanced teal — the color of glacier melt.
- Teal (#008687): A full-bodied, balanced teal — the color of shallow lagoons.
- Olive (#0C7938): A full-bodied, balanced teal — the color of sea glass.
- Ink (#051206): A deep, shadowed, dusty green — the color of a quiet forest floor.
Feels like: Nature, Growth, Balance. Tagged duotone, muted.
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
- Softworn Balcony color palette (#EFF3ED, #91D2C6, #0091B0, #1A8375, #0C1912)
- Timeworn Pine Thicket color palette (#F3F2EB, #B1BA7D, #008C48, #636B00, #0D1004)
- Dusty Summit color palette (#EAF9F4, #A0BA69, #007D8F, #546919, #14272F)
- Lagoon Balcony color palette (#E3F8CE, #6EC0AC, #008680, #005356, #00262B)
- Mint Corridor color palette (#EDF8F6, #8CDB86, #3BA38F, #599055, #16272A)
- Jade Corridor color palette (#E7F2DD, #00AE8A, #006679, #005A46, #000406)
- Gentle Cobalt color palette (#E8F6EB, #00BDCC, #006DBD, #006870, #120215)
- Softworn Pine color palette (#E3E8DB, #007C4E, #173F53, #00331D, #000102)
Browse the whole catalog at Explore, or see today's palette.