Dusty Harbor color palette — #F1F3E6 · #76AF88 · #177655 · #114E5E · #1A1F0A

Pine and Jade set the tone — five colors that lean into nature and growth.

The five colors

• Cream (#F1F3E6): bright and airy, almost weightless.
• Jade (#76AF88): A luminous, balanced teal — the color of shallow lagoons.
• Pine (#177655): A full-bodied, balanced teal — the color of sea glass.
• Peacock (#114E5E): A deep, shadowed, dusty blue — the color of deep harbor water.
• Onyx (#1A1F0A): A deep, shadowed, dusty green — the color of new leaves after rain.

Feels like: Nature, Growth, Trust, Stability, Sophistication, Grounding. Tagged botanical, earthy, muted.

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

• Wandering Olive Pier color palette (#F7F2E4, #9FA668, #576F00, #4C4441, #211C05)
• Lagoon Corridor color palette (#EFF4E9, #A6BB99, #00877D, #345F52, #202B18)
• Softworn Alley color palette (#EBEEDA, #659C75, #006545, #532F00, #101400)
• Lagoon Hollow color palette (#ECF1DE, #2F8B68, #005041, #002E40, #050A00)
• Worn Corridor color palette (#F4F2E9, #CAC4A0, #728D58, #8C4F2E, #32312A)
• Tempered Lagoon color palette (#F9F5EA, #BCDBA9, #3E9F72, #6D5A7F, #292911)
• Lowlit Olive Alley color palette (#E7DFCB, #6C6C10, #323B00, #40000E, #030300)
• Wandering Apricot color palette (#FFEDEA, #F0D0C0, #E59784, #8D536F, #341E19)

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