Pale Olive Harbor color palette — #DDE3B5 · #3B8D00 · #005C39 · #00384E · #002B28

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

The five colors

• Celadon Mist (#DDE3B5): A whisper-light, dusty green — the color of a quiet forest floor.
• Olive Leaf (#3B8D00): A full-bodied, vivid green — the color of fresh herbs.
• Pine (#005C39): A full-bodied, balanced teal — the color of glacier melt.
• Deep Teal (#00384E): A deep, shadowed, dusty blue — the color of deep harbor water.
• Deep Forest (#002B28): A deep, shadowed, dusty teal — the color of glacier melt.

Feels like: Nature, Growth, Trust, Stability, Balance. Tagged retro.

Use it as a design system

One click turns Pale 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

• Misty Emerald color palette (#D5F8EB, #379D55, #006A54, #00446C, #023838)
• Dusty Olive color palette (#C4E8D3, #817B00, #3B5700, #003B3E, #242700)
• Wandering Pine color palette (#C3EAE8, #007E3F, #005156, #002D5A, #232000)
• Frosted Olive color palette (#D9F2DE, #5D8815, #005A44, #380C66, #001301)
• Charred Summit color palette (#D0F7F4, #006730, #343038, #002015, #000C0B)
• Pale Emerald color palette (#DAFCF8, #95C000, #11A426, #007454, #00290D)
• Aubergine Lantern color palette (#C8F3BA, #008F8D, #005C6C, #390E90, #003032)
• Tempered Aubergine Studio color palette (#F2DBB7, #77A23C, #007C5E, #542F87, #0B2C0D)

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