Dusty Harbor color palette — #F6EFD1 · #648800 · #056D18 · #004C37 · #000C0B

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

The five colors

• Custard (#F6EFD1): A whisper-light, dusty green — the color of new leaves after rain.
• Olive Leaf (#648800): A full-bodied, balanced green — the color of new leaves after rain.
• Olive (#056D18): A full-bodied, balanced green — the color of a quiet forest floor.
• Forest (#004C37): A deep, shadowed, dusty teal — the color of sea glass.
• Ink (#000C0B): A deep, shadowed, dusty teal — the color of shallow lagoons.

Feels like: Nature, Growth, Balance. Tagged cool.

Use it as a design system

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

• Antique Olive color palette (#E2E6D7, #468100, #0B5D0E, #00311C, #00110C)
• Aged Pine color palette (#DDE4D5, #009257, #006A57, #00474E, #00090F)
• Misty Harbor color palette (#F1E3D7, #9D7600, #556000, #134300, #001109)
• Quiet Raspberry Loft color palette (#D3E6E2, #56A745, #C02389, #135101, #120009)
• Patina Courtyard color palette (#DFF2E0, #888533, #7E5700, #6B2700, #010500)
• Pale Plum Harbor color palette (#C9ECD9, #008458, #A22F88, #93003A, #000201)
• Iris Station color palette (#D3E8E6, #72ADC8, #8489D6, #796C00, #00130F)
• Linen Hollow color palette (#DCE2C3, #65C15A, #00A486, #007B75, #00313D)

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