Gentle Harbor color palette — #D3F2E6 · #5F8629 · #185200 · #00331B · #000A07

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

The five colors

• Honeydew (#D3F2E6): A whisper-light, dusty teal — the color of glacier melt.
• Olive Leaf (#5F8629): A full-bodied, balanced green — the color of new leaves after rain.
• Deep Olive (#185200): A deep, shadowed, balanced green — the color of new leaves after rain.
• Deep Forest (#00331B): A deep, shadowed, dusty teal — the color of shallow lagoons.
• Ink (#000A07): A deep, shadowed, dusty teal — the color of shallow lagoons.

Feels like: Nature, Growth, Balance, Grounding. Tagged botanical, earthy, muted.

Use it as a design system

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

• Worn Olive Boulevard color palette (#F0E8D1, #6C8533, #1B5217, #00372C, #151E00)
• Washed Garden color palette (#D5F6F0, #1B7B40, #004129, #00251E, #000401)
• Hazy Pine color palette (#E5FCEB, #9AAC4E, #23722B, #004644, #060900)
• Hushed Lagoon color palette (#C2EFEC, #00B079, #006B55, #004845, #001C10)
• Powdered Sapphire color palette (#E3F0FF, #006BC3, #006A3A, #003668, #000B03)
• Lagoon Grove color palette (#E3F7F2, #9CBE96, #53825E, #325D60, #132C29)
• Ultramarine Corridor color palette (#E1E8F8, #1E37E0, #810077, #004448, #00001A)
• Lilac Market color palette (#DDE4FA, #A1A2FF, #9479C0, #0E4783, #060726)

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