Dusty Harbor color palette — #F1F1DC · #817B00 · #504C00 · #201F00 · #020200

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

The five colors

• Cream (#F1F1DC): A whisper-light, dusty green — the color of new leaves after rain.
• Olive Leaf (#817B00): A full-bodied, balanced green — the color of a quiet forest floor.
• Deep Olive (#504C00): A full-bodied, balanced green — the color of a quiet forest floor.
• Onyx (#201F00): A deep, shadowed, dusty green — the color of new leaves after rain.
• Black (#020200): a grounded near-black with real depth.

Feels like: Nature, Growth, Sophistication. Tagged monochrome, 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

• Ancient Alley color palette (#DAE4D8, #4B8D2B, #265100, #0A2000, #010200)
• Twilit Fern color palette (#EFEFDF, #6C6200, #2E2900, #0F1915, #090800)
• Muted Moss Meadow color palette (#EDEDD6, #948F00, #726600, #363700, #020200)
• Weathered Bronze color palette (#F7D9C4, #B56200, #693500, #2C1400, #040100)
• Tempered Emerald color palette (#EDE7D8, #97A55F, #62994B, #634D00, #121300)
• Dusty Olive color palette (#D5EFB9, #92BA68, #5B8000, #2E4800, #0E1700)
• Weathered Pier color palette (#DEF2EB, #00A284, #006851, #002A21, #000302)
• Patina Pine Basin color palette (#E1E6D9, #0F8A5B, #004F57, #00442A, #000203)

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