Soft Harbor color palette — #FFF3E6 · #FFCD96 · #CB7F00 · #683E00 · #170A00

Mustard and Peach Cream set the tone — five colors that lean into optimism and warmth.

The five colors

• Cream (#FFF3E6): A whisper-light, dusty gold — the color of honey in a jar.
• Peach Cream (#FFCD96): A whisper-light, balanced gold — the color of afternoon light on wheat.
• Mustard (#CB7F00): A luminous, balanced gold — the color of old brass.
• Bronze (#683E00): A full-bodied, balanced gold — the color of old brass.
• Ink (#170A00): A deep, shadowed, dusty gold — the color of afternoon light on wheat.

Feels like: Optimism, Warmth, Comfort, Balance. Tagged monochrome, warm.

Use it as a design system

One click turns Soft 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 Boulevard color palette (#DBFFED, #E8DE80, #9E8E00, #4F4600, #110E00)
• Sunlit Ember Cabin color palette (#FFF0F9, #FFC8B3, #E56439, #7D1E00, #200300)
• Bronze Studio color palette (#FFEAD4, #D29958, #985B00, #452C00, #140900)
• Dusty Boulevard color palette (#FFF0F7, #EABF8F, #BF7541, #834433, #0E2815)
• Aged Marigold Drift color palette (#DDFFE8, #BBE0C6, #BC9F1D, #715700, #221900)
• Misty Marigold Field color palette (#FFEFDA, #FFBD66, #D49638, #9E6222, #2F1900)
• Wandering Sand Bloom color palette (#E9FAEF, #EFCB7F, #736300, #2F2800, #000502)
• Worn Celadon color palette (#FFF1F5, #DBF2A8, #CCE2CF, #C0816F, #2A3D2D)

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