Moss Harbor color palette — #DFF0E7 · #948C00 · #005A63 · #474300 · #001017

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

The five colors

• Honeydew (#DFF0E7): A whisper-light, dusty teal — the color of sea glass.
• Olive Leaf (#948C00): A luminous, balanced green — the color of new leaves after rain.
• Peacock (#005A63): A full-bodied, dusty blue — the color of deep harbor water.
• Deep Olive (#474300): A deep, shadowed, dusty green — the color of fresh herbs.
• Ink (#001017): A deep, shadowed, dusty blue — the color of a favorite pair of jeans.

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

Use it as a design system

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

• Faded Balcony color palette (#E2EEEB, #6A9841, #005289, #2A4C00, #010E1E)
• Muted Harbor color palette (#EDF8F4, #94A253, #006B6F, #4C5600, #031C23)
• Timeworn Moss Studio color palette (#E6E6D8, #6F9F00, #006545, #365000, #010300)
• Amber Parlor color palette (#F3E8EC, #C3702B, #006026, #653200, #001110)
• Misty Ultramarine color palette (#E4F6F6, #00A96B, #2F00F1, #005534, #070C30)
• Patina Emerald Dune color palette (#DEE1CC, #509C46, #006B51, #003B3D, #0C2034)
• Dusty Olive color palette (#F4D3E5, #4D8A00, #005956, #5E063B, #002B2A)
• Garnet Atelier color palette (#CCE9DD, #696F00, #004C6E, #58002C, #331700)

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