Dusty Harbor color palette — #FFEDED · #F483D7 · #939C1E · #007F8B · #00313F
Bubblegum and Moss set the tone — five colors that lean into nature and growth.
The five colors
- Cream (#FFEDED): a clean, paper-quiet neutral.
- Bubblegum (#F483D7): A luminous, vivid pink — the color of neon signs at night.
- Moss (#939C1E): A luminous, balanced green — the color of fresh herbs.
- Teal (#007F8B): A full-bodied, balanced blue — the color of open sky before noon.
- Deep Teal (#00313F): A deep, shadowed, dusty blue — the color of deep harbor water.
Feels like: Nature, Growth, Trust, Stability, Creativity, Balance. Tagged cool.
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
- Ancient Fuchsia Harbor color palette (#FFECF1, #DE88FF, #C48500, #008080, #003334)
- Mallow Workshop color palette (#FFF2EF, #FF9BBA, #91AB65, #3F86A4, #083E51)
- Timeworn Thicket color palette (#FFEEE6, #FF8C7A, #2AAC76, #3A75A5, #102A53)
- Faded Blush color palette (#FBF1FF, #E781A5, #118B68, #005840, #001F2C)
- Peony Studio color palette (#FFE8E7, #F031AD, #7C7600, #005A71, #00151C)
- Washed Summit color palette (#FFD4DA, #E7B6AB, #C29E7C, #648C7B, #2C4A3E)
- Worn Shell Grove color palette (#FFF2EC, #FFB09E, #7ABA96, #6D88B2, #513850)
- Aged Courtyard color palette (#FEF4E1, #C2D299, #75B17A, #9C7886, #37362F)
Browse the whole catalog at Explore, or see today's palette.