Wandering Harbor color palette — #FFF2EC · #F7BBAD · #88CD9E · #8E9DE1 · #3E3733

Cornflower and Mint Leaf set the tone — five colors that lean into nature and growth.

The five colors

• Ivory (#FFF2EC): a clean, paper-quiet neutral.
• Rose Quartz (#F7BBAD): A whisper-light, dusty orange — the color of toasted spice.
• Mint Leaf (#88CD9E): A luminous, balanced teal — the color of sea glass.
• Cornflower (#8E9DE1): A luminous, balanced violet — the color of wild irises.
• Charcoal (#3E3733): a grounded near-black with real depth.

Feels like: Nature, Growth, Creativity, Sophistication. Tagged light, muted.

Use it as a design system

One click turns Wandering 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

• Aqua Delta color palette (#FFF2EC, #FEB1A1, #6BCDE6, #70A9DC, #48413D)
• Lilac Ridge color palette (#FFF3E2, #E8C789, #76CBD1, #BF8DC6, #3C3832)
• Muted Turquoise Balcony color palette (#FFF1F1, #F5B6D7, #C3BF72, #3AB0DA, #493131)
• Chestnut Parlor color palette (#FFF2EB, #DFDACD, #EBADB3, #9BBBB5, #7A4316)
• Muted Bronze Workshop color palette (#FAF5EA, #D6E2C6, #C0AC83, #9B7133, #474000)
• Hushed Studio color palette (#FFF2EB, #E0D9CF, #DD9C87, #A35838, #462011)
• Worn Cocoa Lantern color palette (#FFEAD8, #CCF8F5, #DAD1D9, #693D00, #2D2620)
• Violet Garden color palette (#FFF2EA, #F7913F, #00B89B, #965CFA, #371800)

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