Soft Olive Harbor color palette — #FFDDD1 · #D39344 · #838600 · #006D2E · #001B19

Olive Leaf takes the lead with Pine close behind in a set that reads as nature and growth at first glance.

The five colors

• Shell Pink (#FFDDD1): A whisper-light, dusty orange — the color of sun-warmed clay.
• Mustard (#D39344): A luminous, balanced gold — the color of honey in a jar.
• Olive Leaf (#838600): A full-bodied, balanced green — the color of new leaves after rain.
• Pine (#006D2E): A full-bodied, balanced green — the color of new leaves after rain.
• Ink (#001B19): A deep, shadowed, dusty teal — the color of sea glass.

Feels like: Nature, Growth, Optimism, Balance. Tagged warm.

Use it as a design system

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

• Muted Tangerine color palette (#FAE3E7, #E37B58, #9D7200, #555600, #001E0A)
• Hushed Moss Basin color palette (#F0DFC2, #A08A00, #5D6700, #1F4200, #001E0E)
• Emerald Balcony color palette (#F2E8DB, #ADA534, #009A38, #006358, #00191F)
• Emerald Harbor color palette (#FBE0CD, #D68100, #2D971F, #662797, #1C1500)
• Linen Nightshade Coast color palette (#ECEAD6, #819D00, #6D8512, #4900C3, #141200)
• Wandering Olive color palette (#E8E3CF, #7D8000, #004F30, #1E1F00, #030100)
• Moss Study color palette (#FBEAD0, #C6BB00, #35B203, #007C68, #002E37)
• Tempered Bronze color palette (#E5DED5, #BBC3B4, #93B09B, #A57700, #2A1D08)

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