Faded Harbor color palette — #FEECCD · #CBCE7D · #C99D00 · #B46B1A · #36362F

Built around Mustard, softened by Ochre — the whole palette hums with nature and growth.

The five colors

• Custard (#FEECCD): A whisper-light, dusty gold — the color of old brass.
• Pistachio (#CBCE7D): A whisper-light, balanced green — the color of a quiet forest floor.
• Mustard (#C99D00): A luminous, balanced gold — the color of afternoon light on wheat.
• Ochre (#B46B1A): A full-bodied, balanced gold — the color of afternoon light on wheat.
• Espresso (#36362F): a grounded near-black with real depth.

Feels like: Nature, Growth, Optimism, Balance, Grounding. Tagged earthy, warm.

Use it as a design system

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

• Amber Field color palette (#EDDBC1, #C2BC5D, #BC8C00, #A85900, #1F2F00)
• Tempered Tangerine Workshop color palette (#FFEAD9, #F2BE6C, #F18214, #C05E50, #38352E)
• Sunflower Thicket color palette (#FFF4DF, #E7D157, #AD8E26, #785A1E, #312703)
• Timeworn Fern Atelier color palette (#FBF4E7, #E2DAB6, #C4B680, #A88C6E, #4A4B00)
• Rust Studio color palette (#EADDD3, #CD913B, #C15B00, #963432, #1F1400)
• Aged Ember color palette (#E5FEDF, #3AE3D4, #E86335, #AE8000, #1E3119)
• Hushed Bronze Parlor color palette (#D4F2DC, #A8A362, #846700, #5F3B00, #1A1F00)
• Feathered Summit color palette (#FFF0F9, #979BFF, #D263E4, #A87200, #102B0F)

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