Olive Harbor color palette — #DDF5E7 · #648555 · #004736 · #001F2C · #000200

Fern and Forest set the tone — five colors that lean into nature and growth.

The five colors

• Honeydew (#DDF5E7): A whisper-light, dusty teal — the color of shallow lagoons.
• Fern (#648555): A full-bodied, balanced green — the color of new leaves after rain.
• Forest (#004736): A deep, shadowed, dusty teal — the color of shallow lagoons.
• Midnight (#001F2C): A deep, shadowed, dusty blue — the color of open sky before noon.
• Black (#000200): A deep, shadowed, dusty green — the color of a quiet forest floor.

Feels like: Nature, Growth, Sophistication, Grounding. Tagged botanical, earthy, 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

• Basalt Thicket color palette (#EBDBE2, #8C7842, #334300, #00211D, #020100)
• Softworn Ridge color palette (#E5F3E4, #7E7F36, #034A0C, #33002F, #010100)
• Midnight Garden color palette (#F3EAD0, #286F1E, #00332A, #001928, #010900)
• Cypress Grove color palette (#E0E0CF, #5B996C, #007359, #005358, #050700)
• Muted Denim color palette (#EBE1E7, #6FACC0, #005795, #002C22, #01000A)
• Aged Fern Alley color palette (#FFF1F6, #ABA46C, #367004, #5A2157, #090800)
• Faded Lagoon color palette (#E5FCEE, #A2D48F, #009475, #8D3551, #0A2600)
• Tempered Pewter Courtyard color palette (#FFF0F7, #E1CE9D, #7F9358, #785284, #112F1C)

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