Dusty Harbor color palette — #F1F1F8 · #CEB8E6 · #A37B33 · #7F649A · #0F1910

A conversation between Caramel and Slate, giving this palette its sense of optimism and creativity.

The five colors

• Ivory (#F1F1F8): a clean, paper-quiet neutral.
• Lavender (#CEB8E6): A luminous, dusty violet — the color of a velvet chair.
• Caramel (#A37B33): A luminous, balanced gold — the color of old brass.
• Slate (#7F649A): A full-bodied, balanced violet — the color of a velvet chair.
• Ink (#0F1910): A deep, shadowed, dusty green — the color of fresh herbs.

Feels like: Optimism, Creativity, Sophistication. Tagged duotone, 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

• Muted Mallow color palette (#F6F4FC, #E6A9DB, #A76E46, #885C80, #372930)
• Rust Pier color palette (#EEF2F8, #A2C5FB, #BE6657, #4F72A9, #1D121A)
• Muted Plum color palette (#F4F0F7, #EBB0C6, #579360, #A35475, #091918)
• Mallow Balcony color palette (#FCF2F5, #E7BFFF, #B1985E, #A07BB4, #312D27)
• Weathered Rust color palette (#EFF1FF, #DDA8C6, #B96762, #79411A, #322900)
• Aged Bronze Delta color palette (#E2F8EF, #BF9DC8, #A76453, #185A73, #302837)
• Aged Harbor color palette (#F4F0F9, #B57A97, #955F00, #00546D, #1F1725)
• Mulberry Cabin color palette (#F3F0FC, #D687D1, #806900, #941091, #000D04)

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