Pine Harbor color palette — #FFF1F6 · #A49956 · #2D7B53 · #633C6C · #1F453B
Teal and Mulberry set the tone — five colors that lean into nature and growth.
The five colors
- Ivory (#FFF1F6): bright and airy, almost weightless.
- Moss (#A49956): A luminous, balanced green — the color of a quiet forest floor.
- Teal (#2D7B53): A full-bodied, balanced teal — the color of sea glass.
- Mulberry (#633C6C): A full-bodied, balanced pink — the color of peonies in June.
- Forest (#1F453B): A deep, shadowed, dusty teal — the color of glacier melt.
Feels like: Nature, Growth, Creativity, Sophistication. Tagged retro, 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
- Taupe Market color palette (#FFF0F8, #91B47E, #448382, #784861, #344D4C)
- Ancient Olive color palette (#EAFAEB, #C38868, #706D21, #434978, #31432F)
- Aged Pine Loft color palette (#F6F2E0, #8DA671, #2E7D48, #004F63, #242502)
- Garnet Parlor color palette (#ECF9EE, #A58340, #00707D, #692F5E, #5B2325)
- Dusty Emerald Courtyard color palette (#FFF0FA, #00A666, #006C7F, #7F1136, #003F36)
- Cypress Orchard color palette (#FDF2F8, #C5E1F1, #608FB8, #06716A, #374865)
- Aubergine Corridor color palette (#FFDDC7, #688B00, #006056, #610059, #00330D)
- Linen Sand color palette (#E2FCF2, #FFCD7F, #A7CA7F, #009994, #1C4744)
Browse the whole catalog at Explore, or see today's palette.