Olive Harbor color palette — #FAEED6 · #BFA650 · #787600 · #4D5A00 · #303029
Built around Olive Leaf, softened by Gold — the whole palette hums with nature and growth.
The five colors
- Cream (#FAEED6): A whisper-light, dusty gold — the color of afternoon light on wheat.
- Gold (#BFA650): A luminous, balanced green — the color of fresh herbs.
- Olive Leaf (#787600): A full-bodied, balanced green — the color of fresh herbs.
- Olive (#4D5A00): A full-bodied, balanced green — the color of new leaves after rain.
- Espresso (#303029): quiet, heavy and certain.
Feels like: Nature, Growth, Optimism, Balance. Tagged warm.
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
- Iris Coast color palette (#F6F2E3, #A4AB5C, #927BD9, #656A00, #3A1C2C)
- Mustard Lantern color palette (#FFD8BD, #D7AB2E, #887F00, #476326, #1A4C4A)
- Feathered Olive Alley color palette (#F2EEDD, #9CB560, #3A8C26, #0D6536, #222C0D)
- Bronze Drift color palette (#F9E7DB, #D88E52, #AC6F00, #614A00, #302800)
- Moss Veranda color palette (#E2E0D2, #839000, #446C00, #0D4804, #001D0D)
- Bronze Alley color palette (#FDEFE6, #C4A48A, #9E644E, #6D3C3A, #2F1F0C)
- Tempered Bronze Grove color palette (#F6F2E0, #B0E5D8, #86CBD6, #86763C, #33332C)
- Hazy Grove color palette (#E8F2E4, #1DB643, #00855A, #005343, #002C29)
Browse the whole catalog at Explore, or see today's palette.