Pine Harbor color palette — #FEE1DC · #167812 · #004554 · #40001C · #000503

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

The five colors

• Rose Water (#FEE1DC): A whisper-light, dusty orange — the color of sun-warmed clay.
• Olive (#167812): A full-bodied, balanced green — the color of fresh herbs.
• Deep Teal (#004554): A deep, shadowed, dusty blue — the color of deep harbor water.
• Deep Indigo (#40001C): A deep, shadowed, balanced red — the color of a theater curtain.
• Ink (#000503): A deep, shadowed, dusty teal — the color of sea glass.

Feels like: Nature, Growth, Trust, Stability, Balance. 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

• Aged Basin color palette (#FFE9E0, #007557, #004167, #3A0F00, #000404)
• Velvet Olive color palette (#EBD9DC, #327600, #003942, #200008, #000201)
• Fern Basin color palette (#F8DBD6, #666800, #004743, #380038, #000500)
• Patina Boulevard color palette (#E4E0CC, #37865B, #00504E, #283000, #000803)
• Twilit Ridge color palette (#E3E3D2, #3E6500, #41177F, #3A0101, #070000)
• Moonless Forest Quarry color palette (#D8F2DD, #005939, #002A2C, #1D001B, #000503)
• Aubergine Chapel color palette (#EAE1D4, #009060, #00676C, #64005F, #000503)
• Timeworn Balcony color palette (#DCE4CB, #408A7D, #125483, #51210E, #1F0500)

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