Dusty Harbor color palette — #F8DFEF · #AF3800 · #334F00 · #002C37 · #0F001A

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

The five colors

• Blush (#F8DFEF): A whisper-light, dusty pink — the color of neon signs at night.
• Brick (#AF3800): A full-bodied, vivid orange — the color of sun-warmed clay.
• Deep Olive (#334F00): A deep, shadowed, balanced green — the color of a quiet forest floor.
• Midnight (#002C37): A deep, shadowed, dusty blue — the color of a favorite pair of jeans.
• Ink (#0F001A): A deep, shadowed, dusty violet — the color of wild irises.

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

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

• Hushed Chestnut Bloom color palette (#DCF1D9, #8D5900, #00542C, #002A40, #120015)
• Soft Plum color palette (#F2DEF6, #BC0052, #544300, #002E27, #000129)
• Eclipse Courtyard color palette (#F6DDE9, #803D00, #1C2427, #231500, #080004)
• Softworn Basin color palette (#FBE2D1, #A66900, #6D4A00, #3A3000, #121100)
• Muted Bronze Basin color palette (#FAE2CE, #C26300, #7A6100, #004A66, #170003)
• Velvet Archive color palette (#F7D5D3, #AC287A, #00454A, #001433, #020005)
• Tempered Amber color palette (#F8DDD3, #BE7407, #67652C, #0B4657, #071D3E)
• Timeworn Workshop color palette (#F5E0EB, #FF7390, #DF5800, #836100, #100500)

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