Dusty Pine Harbor color palette — #F4F7E9 · #FEC09E · #30743F · #00320F · #030400

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

The five colors

• Ivory (#F4F7E9): bright and airy, almost weightless.
• Cantaloupe (#FEC09E): A whisper-light, balanced orange — the color of autumn markets.
• Olive (#30743F): A full-bodied, balanced green — the color of fresh herbs.
• Deep Forest (#00320F): A deep, shadowed, dusty green — the color of fresh herbs.
• Ink (#030400): A deep, shadowed, dusty green — the color of new leaves after rain.

Feels like: Nature, Growth, Optimism, Sophistication. Tagged luxury, dark, muted.

Use it as a design system

One click turns Dusty Pine 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 Cypress color palette (#ECF9EE, #FFBBC2, #007178, #002E32, #000601)
• Patina Boulevard color palette (#FAF4EB, #E7CC9B, #7A6000, #332600, #060300)
• Lagoon Meadow color palette (#F1F8EB, #F3DAC4, #3D8572, #004335, #0A1205)
• Patina Emerald color palette (#DEF4F0, #E6C37A, #65984F, #3E612F, #011B17)
• Amber Courtyard color palette (#E9EBD9, #C2993A, #275310, #0C2203, #060600)
• Wandering Apricot color palette (#E9FAF3, #F6A193, #005780, #001B2B, #000201)
• Gentle Olive Harbor color palette (#F6F6EA, #BADD9F, #458ED2, #528800, #000705)
• Washed Garnet color palette (#EDF9EC, #00A39E, #00719E, #890027, #071200)

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