Olive Harbor color palette — #D8FEFF · #B8E2F9 · #85C6FF · #568115 · #104C41

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

The five colors

• Ivory (#D8FEFF): A whisper-light, dusty teal — the color of sea glass.
• Powder Blue (#B8E2F9): A whisper-light, dusty blue — the color of a favorite pair of jeans.
• Sky (#85C6FF): A luminous, balanced blue — the color of a favorite pair of jeans.
• Olive Leaf (#568115): A full-bodied, balanced green — the color of new leaves after rain.
• Forest (#104C41): A deep, shadowed, dusty teal — the color of shallow lagoons.

Feels like: Nature, Growth, Trust, Stability, Calm, Balance. Tagged pastel, light, cool.

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

• Wandering Pine color palette (#E4FAFF, #CCDCF7, #96ABFF, #00824F, #274A5C)
• Washed Sky Coast color palette (#DBFEFA, #80F9DD, #23C0F4, #7F7800, #154B4E)
• Periwinkle Villa color palette (#D3F5F8, #68DAF0, #5D9DE5, #3A6A27, #05343F)
• Misty Glacier Field color palette (#D7FFF6, #B2E7FD, #50E5FF, #42A57D, #21505A)
• Antique Fuchsia color palette (#E9F8FF, #B8D4FF, #D371FF, #007170, #174061)
• Washed Garden color palette (#E4FAD7, #74FAF7, #1BDBF1, #2C7C5D, #1E3017)
• Iris Basin color palette (#D9F1F7, #58C4F3, #7B7CDB, #005334, #00262C)
• Soft Bronze color palette (#DFF5E5, #9EA25F, #816500, #6B3C00, #273D17)

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