Olive Harbor color palette — #FFF2EF · #C16275 · #677B00 · #005465 · #321413

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

The five colors

• Ivory (#FFF2EF): bright and airy, almost weightless.
• Poppy (#C16275): A luminous, balanced red — the color of a theater curtain.
• Olive Leaf (#677B00): A full-bodied, balanced green — the color of a quiet forest floor.
• Peacock (#005465): A full-bodied, dusty blue — the color of a favorite pair of jeans.
• Onyx (#321413): A deep, shadowed, dusty orange — the color of toasted spice.

Feels like: Nature, Growth, Trust, Stability, Balance. Tagged jewel, vibrant.

Use it as a design system

One click turns Olive 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

• Tempered Peony Workshop color palette (#FBF1FF, #D76489, #657400, #00526D, #14081F)
• Faded Raspberry color palette (#FFF2EE, #CB5170, #846B00, #006235, #301726)
• Olive Bloom color palette (#FFEDEB, #CF7497, #677C15, #005389, #1A2756)
• Amber Coast color palette (#FFF3E8, #C47E2C, #827A26, #006F79, #3F2325)
• Ancient Ember Station color palette (#FFF2EC, #DA624A, #007787, #005561, #2E101E)
• Timeworn Pine Alley color palette (#FFF3E3, #AF7F12, #2D8431, #1C4693, #2E1106)
• Washed Blush Orchard color palette (#F9EDD5, #E17E9E, #AD621C, #005C86, #362E2C)
• Chalky Navy color palette (#EEE7CA, #778700, #006663, #143493, #2A0503)

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