Hushed Olive Harbor color palette — #F1F1E2 · #D27900 · #4C8F00 · #00696B · #000300

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

The five colors

• Cream (#F1F1E2): bright and airy, almost weightless.
• Mustard (#D27900): A luminous, balanced gold — the color of honey in a jar.
• Olive Leaf (#4C8F00): A full-bodied, vivid green — the color of fresh herbs.
• Teal (#00696B): A full-bodied, balanced teal — the color of shallow lagoons.
• Black (#000300): A deep, shadowed, dusty green — the color of fresh herbs.

Feels like: Nature, Growth, Optimism, Balance. Tagged candy, vibrant, light.

Use it as a design system

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

• Ember Pier color palette (#E9E5D3, #F85B1E, #788600, #006458, #010300)
• Moss Terrace color palette (#C8E7DD, #D79500, #739300, #005B57, #000200)
• Softworn Moss color palette (#DDE8C8, #A89600, #008E64, #005C9A, #000504)
• Quiet Olive Garden color palette (#D3F2E9, #7C8200, #456B00, #00441C, #020700)
• Forest Corridor color palette (#FAEDDF, #7D780C, #105405, #3F2400, #090500)
• Dusty Olive Canyon color palette (#F3E7CA, #5C8346, #20616D, #452339, #23041A)
• Hushed Pine color palette (#E7E9D7, #117E18, #00573F, #002A26, #000F14)
• Sapphire Ridge color palette (#C3E6E5, #77B600, #00989B, #365FDA, #001116)

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