Wandering Harbor color palette — #FDF4E8 · #F3AF49 · #63B387 · #4F83A9 · #4A2A4B
Built around Saffron, softened by Jade — the whole palette hums with nature and growth.
The five colors
- Ivory (#FDF4E8): bright and airy, almost weightless.
- Saffron (#F3AF49): A luminous, balanced gold — the color of afternoon light on wheat.
- Jade (#63B387): A luminous, balanced teal — the color of shallow lagoons.
- Cerulean (#4F83A9): A full-bodied, balanced blue — the color of deep harbor water.
- Royal Purple (#4A2A4B): A deep, shadowed, dusty pink — the color of neon signs at night.
Feels like: Nature, Growth, Trust, Stability, Optimism, Balance. Tagged cool.
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
- Aged Mustard Ridge color palette (#FBF5E2, #CCC324, #11B6B8, #7974AF, #57272A)
- Timeworn Marigold color palette (#FFF1F5, #EAAD69, #239BA6, #435994, #3A1D44)
- Moss Villa color palette (#FFF2ED, #FFA197, #A6A545, #2A8D8A, #2E3557)
- Antique Ultramarine color palette (#F9E6BD, #C5A600, #00A08E, #3357D9, #460029)
- Wandering Boulevard color palette (#FFF1E2, #DDDDA9, #BABE99, #A290A3, #604C56)
- Worn Mustard Pier color palette (#F2E0AD, #D7C659, #ABB550, #719051, #45463F)
- Hushed Cobalt Market color palette (#DDE8CD, #00AA74, #0074CB, #802869, #1D0E00)
- Washed Teal color palette (#F8F5EA, #C3E0AC, #86BB90, #A88875, #474500)
Browse the whole catalog at Explore, or see today's palette.