Patina Harbor color palette — #EFD9CE · #B56900 · #795200 · #3B2D00 · #1A1600

Ochre and Coffee set the tone — five colors that lean into nature and growth.

The five colors

• Bone (#EFD9CE): A whisper-light, dusty orange — the color of toasted spice.
• Ochre (#B56900): A full-bodied, balanced gold — the color of afternoon light on wheat.
• Coffee (#795200): A full-bodied, balanced gold — the color of honey in a jar.
• Espresso (#3B2D00): A deep, shadowed, dusty green — the color of new leaves after rain.
• Ink (#1A1600): A deep, shadowed, dusty green — the color of a quiet forest floor.

Feels like: Nature, Growth, Optimism, Balance. Tagged muted.

Use it as a design system

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

• Chestnut Villa color palette (#DAEFDD, #968642, #6E4F00, #492800, #00130B)
• Amber Grove color palette (#FFE9D8, #C5841A, #7B5E00, #504500, #232600)
• Apricot Veranda color palette (#FFD3CC, #FF9254, #996C00, #565000, #182800)
• Weathered Ember color palette (#FFE4E3, #E0523D, #8E3900, #532900, #251400)
• Tempered Quarry color palette (#F4F1D4, #8C8B00, #526800, #183F00, #001A09)
• Faded Jade Summit color palette (#D7F1DF, #C5CE8F, #6AAC6E, #885100, #002317)
• Quiet Sapphire Delta color palette (#D9ECDD, #A17800, #0061E1, #5B4200, #000F31)
• Misty Drift color palette (#F5DFB4, #C3AB4F, #7B7B00, #495700, #00322C)

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