Olive Harbor color palette — #E2FBFF · #CADCFB · #A9A9E7 · #687B3A · #264753

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

The five colors

• Ivory (#E2FBFF): A whisper-light, dusty blue — the color of deep harbor water.
• Powder Blue (#CADCFB): A whisper-light, dusty violet — the color of a velvet chair.
• Mauve (#A9A9E7): A luminous, balanced violet — the color of twilight just after sunset.
• Olive (#687B3A): A full-bodied, balanced green — the color of fresh herbs.
• Charcoal (#264753): A deep, shadowed, dusty blue — the color of open sky before noon.

Feels like: Nature, Growth, Creativity, Sophistication. Tagged pastel, light, 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

• Ash Cabin color palette (#EBF7FF, #C7DDFF, #C79CCC, #207467, #2E4155)
• Muted Workshop color palette (#E3FAFF, #C0E1FF, #B6BEF9, #009B73, #0F4454)
• Antique Sky color palette (#D8FFF4, #ABE2E5, #6EB5D8, #7C6231, #234C4C)
• Cypress Orchard color palette (#E8F7E4, #C1E8CB, #84B3DB, #00805F, #003032)
• Dusty Oat color palette (#EBF7FF, #DCDAE5, #DEBCD9, #669197, #404E5C)
• Fern Lantern color palette (#DAEDE3, #87A078, #6B661E, #5B3D13, #023839)
• Washed Forest Garden color palette (#CEE3E7, #6FC8EA, #8B72C5, #1C5B0A, #002B32)
• Ancient Taupe color palette (#EAFBE3, #B4E8E5, #CED1FF, #97B670, #314B36)

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