Pine Harbor color palette — #FDF3EC · #CD8569 · #117213 · #862F00 · #181A02

Olive and Rust set the tone — five colors that lean into nature and growth.

The five colors

• Ivory (#FDF3EC): bright and airy, almost weightless.
• Coral Clay (#CD8569): A luminous, balanced orange — the color of sun-warmed clay.
• Olive (#117213): A full-bodied, balanced green — the color of a quiet forest floor.
• Rust (#862F00): A full-bodied, balanced orange — the color of autumn markets.
• Ink (#181A02): A deep, shadowed, dusty green — the color of a quiet forest floor.

Feels like: Nature, Growth, Optimism, Balance. Tagged duotone.

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

• Wandering Amber Veranda color palette (#FBF4EC, #C38E42, #006D62, #6D4600, #0C1D05)
• Gentle Cabin color palette (#FDF2F0, #C8838C, #686000, #960036, #201700)
• Olive Courtyard color palette (#FCEDF2, #CB9350, #626C00, #774900, #000905)
• Aged Aubergine color palette (#FCECDA, #B27738, #4F6400, #4D267D, #3E2E00)
• Airy Balcony color palette (#FDF3E9, #E0A864, #7E8900, #9D6300, #1E1801)
• Misty Olive color palette (#FFD7C1, #BE935A, #776A00, #2A4A00, #003A20)
• Patina Moss Coast color palette (#F7F6E9, #95AF33, #006E93, #4E5E00, #002418)
• Muted Navy color palette (#FEF4E2, #816500, #005C4D, #271B8A, #321A06)

Browse the whole catalog at Explore, or see today's palette.