Dusty Harbor color palette — #F1EBDD · #7B6800 · #006565 · #423700 · #000808

Built around Olive, softened by Peacock — the whole palette hums with nature and growth.

The five colors

• Cream (#F1EBDD): a clean, paper-quiet neutral.
• Olive (#7B6800): A full-bodied, balanced green — the color of fresh herbs.
• Peacock (#006565): A full-bodied, dusty teal — the color of sea glass.
• Deep Olive (#423700): A deep, shadowed, dusty green — the color of new leaves after rain.
• Ink (#000808): A deep, shadowed, dusty teal — the color of shallow lagoons.

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

• Bronze Pier color palette (#F6EDDE, #7C6F2E, #564200, #322000, #040400)
• Ancient Pine color palette (#E0E3CD, #247E1D, #005E8C, #094505, #00070F)
• Worn Alley color palette (#EADEBC, #736C00, #A40043, #3E3900, #130003)
• Worn Garnet color palette (#F5E5C7, #705300, #005E2A, #77001D, #030100)
• Rust Atelier color palette (#FFE9DB, #AA4600, #0C6B13, #5E2300, #000900)
• Emerald Canyon color palette (#F6EBD1, #97A658, #5E903D, #614D00, #0C0D00)
• Sapphire Basin color palette (#CAE6D4, #947C00, #1363F0, #645300, #00041B)
• Feathered Veranda color palette (#E4ECD6, #008E5D, #0060CD, #005335, #000E2A)

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