Pine Harbor color palette — #FFF2EE · #DA808E · #B78440 · #088357 · #472A23
Fern takes the lead with Rose close behind in a set that reads as optimism and balance at first glance.
The five colors
- Ivory (#FFF2EE): a clean, paper-quiet neutral.
- Rose (#DA808E): A luminous, balanced red — the color of late-summer berries.
- Caramel (#B78440): A luminous, balanced gold — the color of afternoon light on wheat.
- Fern (#088357): A full-bodied, balanced teal — the color of sea glass.
- Espresso (#472A23): A deep, shadowed, dusty orange — the color of toasted spice.
Feels like: 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
- Cypress Meadow color palette (#FFF2ED, #D18882, #8E9557, #007F82, #38312E)
- Pine Basin color palette (#FFF1F6, #AC90CC, #B6844E, #0A844D, #462934)
- Denim Archive color palette (#FBEBDE, #BF7F48, #1A976A, #0063A9, #3A1F02)
- Softworn Driftwood color palette (#FDF5DF, #D29CCF, #BD6C64, #007082, #523432)
- Timeworn Mallow color palette (#FFF1F2, #EE96E1, #E59867, #A38D5C, #422C2F)
- Antique Blush Balcony color palette (#FFF2EF, #FF709D, #008D38, #006F9B, #441D28)
- Wisteria Bloom color palette (#F4F4FF, #D096F8, #63B27F, #44825B, #232235)
- Antique Study color palette (#FFDBD4, #EA2F70, #7A7E00, #006566, #3F0318)
Browse the whole catalog at Explore, or see today's palette.