Olive Harbor color palette — #E7F1EE · #CBDCD9 · #9CC0BD · #5F7D34 · #23312E

Built around Olive, softened by Ash — the whole palette hums with nature and growth.

The five colors

• Cream (#E7F1EE): bright and airy, almost weightless.
• Silver (#CBDCD9): bright and airy, almost weightless.
• Ash (#9CC0BD): A luminous, dusty teal — the color of sea glass.
• Olive (#5F7D34): A full-bodied, balanced green — the color of fresh herbs.
• Deep Forest (#23312E): a grounded near-black with real depth.

Feels like: Nature, Growth, Sophistication. Tagged scandi, muted, light.

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

• Weathered Lagoon Orchard color palette (#EAF8FB, #CCE3E9, #98C6D7, #008A7D, #17383E)
• Moss Balcony color palette (#F0EFE8, #CCD6CD, #A4C3B4, #889D3C, #302E23)
• Pine Hollow color palette (#D5E1E0, #B7C8C8, #8DABAE, #1A7336, #032523)
• Sunlit Market color palette (#D2ECE1, #95B06B, #4F8134, #545A26, #212E08)
• Pine Archive color palette (#D2E4E3, #008849, #003D2C, #001B1A, #000605)
• Antique Ridge color palette (#BEE9D9, #5EA65A, #007C59, #004E70, #082C14)
• Antique Teal color palette (#CFEFDB, #73BDA5, #598893, #455F7C, #34395D)
• Softworn Abyss color palette (#E0ECF1, #99A7AF, #6F8A9C, #004F56, #000B11)

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