Softworn Harbor color palette — #EEEBE0 · #89901E · #005675 · #414500 · #00120A

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

The five colors

• Cream (#EEEBE0): a clean, paper-quiet neutral.
• Olive Leaf (#89901E): A luminous, balanced green — the color of new leaves after rain.
• Peacock (#005675): A full-bodied, balanced blue — the color of deep harbor water.
• Deep Olive (#414500): A deep, shadowed, balanced green — the color of fresh herbs.
• Ink (#00120A): A deep, shadowed, dusty teal — the color of shallow lagoons.

Feels like: Nature, Growth, Trust, Stability, Sophistication. Tagged duotone, muted.

Use it as a design system

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

• Aged Fern color palette (#F7F6EA, #8BA45F, #00668A, #415900, #021E14)
• Navy Delta color palette (#ECECE2, #699844, #004D9A, #294C00, #170518)
• Washed Drift color palette (#E1E3D2, #478929, #004368, #143C00, #000503)
• Dusty Quarry color palette (#F3E9E0, #B47A33, #005E3F, #5D3700, #091000)
• Hushed Corridor color palette (#DBE8E5, #56A331, #00654C, #215400, #000303)
• Timeworn Olive Delta color palette (#F7D7C5, #448B2C, #00585A, #640023, #002C1A)
• Antique Emerald color palette (#E4EECE, #5A9E5E, #006C59, #004044, #14233E)
• Antique Market color palette (#EBF6E3, #00A686, #0039D7, #005342, #000A39)

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