Olive Harbor color palette — #FFF3E8 · #B36E32 · #468232 · #006152 · #37322D
A conversation between Olive Leaf and Ochre, giving this palette its sense of nature and growth.
The five colors
- Ivory (#FFF3E8): a clean, paper-quiet neutral.
- Ochre (#B36E32): A luminous, balanced gold — the color of afternoon light on wheat.
- Olive Leaf (#468232): A full-bodied, balanced green — the color of a quiet forest floor.
- Pine (#006152): A full-bodied, balanced teal — the color of shallow lagoons.
- Espresso (#37322D): quiet, heavy and certain.
Feels like: Nature, Growth, Optimism, Balance. Tagged muted.
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
- Worn Olive color palette (#FFF2ED, #BA6560, #7C7300, #385E2F, #38312E)
- Dusty Lagoon Station color palette (#F9F5EB, #99934B, #009289, #20697D, #3F3D36)
- Softworn Terracotta Courtyard color palette (#FFDCCB, #A64700, #476400, #004933, #371300)
- Linen Olive color palette (#F0F0DF, #518000, #006D7E, #004874, #292811)
- Linen Raspberry Canyon color palette (#FFEDEA, #D2547E, #108682, #005F5C, #261512)
- Pewter Drift color palette (#FAF4F0, #DDDAD2, #C6C0A9, #966758, #4E4641)
- Blush Balcony color palette (#FCF1FF, #E77494, #3AA29A, #287E77, #3B2D40)
- Bronze Lantern color palette (#FFF2EA, #D09772, #AC6600, #6A4600, #4C3700)
Browse the whole catalog at Explore, or see today's palette.