Dusty Harbor color palette — #FFF2EF · #EF7A9E · #A99200 · #008296 · #2E1218

A conversation between Rose and Mustard, giving this palette its sense of nature and growth.

The five colors

• Ivory (#FFF2EF): bright and airy, almost weightless.
• Rose (#EF7A9E): A luminous, balanced red — the color of embers at dusk.
• Mustard (#A99200): A luminous, balanced green — the color of a quiet forest floor.
• Cerulean (#008296): A full-bodied, balanced blue — the color of open sky before noon.
• Onyx (#2E1218): A deep, shadowed, dusty red — the color of late-summer berries.

Feels like: Nature, Growth, Trust, Stability, Balance. Tagged jewel, vibrant.

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

• Aged Boulevard color palette (#FFEDEC, #F18AC7, #989A00, #0278AB, #0C2957)
• Tempered Bronze color palette (#FFF1F6, #C7A7FF, #9D8400, #00828E, #28141D)
• Amber Meadow color palette (#F6EED9, #FF91C8, #E0763A, #0080A4, #48261D)
• Timeworn Veranda color palette (#FFF1F2, #F493D5, #009E4B, #5474BA, #2D1517)
• Feathered Emerald color palette (#FFF3E8, #E78838, #43A846, #4275BC, #34180F)
• Tangerine Workshop color palette (#F7E4D6, #F26C00, #0093A5, #8E4296, #240E00)
• Worn Hollow color palette (#FFF1F1, #E457B2, #A25A00, #324E87, #17060C)
• Pale Violet color palette (#FFF2EE, #FF858B, #00A8B8, #965CC2, #39170B)

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