Dusty Harbor color palette — #F7E6EB · #FEA72E · #78A600 · #BC7600 · #00110D

Olive Leaf and Saffron set the tone — five colors that lean into nature and growth.

The five colors

• Rose Water (#F7E6EB): bright and airy, almost weightless.
• Saffron (#FEA72E): A luminous, vivid gold — the color of afternoon light on wheat.
• Olive Leaf (#78A600): A luminous, vivid green — the color of new leaves after rain.
• Mustard (#BC7600): A luminous, balanced gold — the color of afternoon light on wheat.
• Ink (#00110D): A deep, shadowed, dusty teal — the color of shallow lagoons.

Feels like: Nature, Growth, Optimism, Balance. Tagged duotone.

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

• Mustard Workshop color palette (#E3EFE6, #E8B412, #00AE83, #A98200, #001112)
• Ember Hollow color palette (#F4E7EF, #FFA084, #8DA000, #E15326, #00110B)
• Timeworn Olive color palette (#F5E7CD, #C9B739, #809A00, #258201, #002917)
• Pine Hollow color palette (#F5E6EE, #E7885C, #008844, #A24100, #001110)
• Pale Amethyst Studio color palette (#E0F3DE, #CD9101, #0092B1, #6F53C2, #1F071F)
• Tempered Mustard Quarry color palette (#F0F7F3, #E0D893, #00C8BA, #B4A419, #10282D)
• Soft Moss color palette (#C8E8CE, #C6A900, #4D9F1B, #405FB9, #252600)
• Dusty Amber Grove color palette (#EDE3D6, #B18532, #575A00, #5E4000, #030200)

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