Palette

Fisherman's Wharf Boats

The charming, aged colors of boats docked at a historic fishing wharf, rich with salty character.

earthnatural5 colors

More earth palettes

Preview

See it in context.

Interface

New

Ready when you are.

A quick look at how Fisherman's Wharf Boats reads on buttons, badges, and alerts before you commit.

This alert border and accent use the palette's detail color.

Marketing banner

Launch

Built with Fisherman's Wharf Boats.

A bolder treatment that stretches the primary and secondary colors across a full gradient banner.

Data visualization

#A84742#2B506F#F5F5DC#73574B#9FC5BC

Palette guide

How to use Fisherman's Wharf Boats

Overview

The Fisherman's Wharf Boats palette captures the rustic charm of aged vessels at a historic dock. Dominated by a weathered deep blue, #2B506F, it evokes the sea, complemented by the warm, sun-faded red of #A84742. A soft, creamy beige, #F5F5DC, offers a neutral base, while the rich brown of #73574B grounds the scheme, reminiscent of old wood. A serene, muted teal, #9FC5BC, adds a touch of seafoam. This palette is ideal for projects seeking a natural, coastal, or vintage aesthetic.

Best used for

Nautical-themed branding
Rustic restaurant or cafe interiors
Coastal-inspired web design
Vintage product packaging
Outdoor adventure gear marketing
Nature and travel photography

Suggested color roles

primary

Use #2B506F as a strong, anchoring blue for main headings or key brand elements, reflecting deep waters or sturdy boat hulls.

secondary

Apply #A84742 for accent details, calls to action, or illustrative elements to add a warm, aged pop of color.

accent

Incorporate #9FC5BC for softer highlights, decorative patterns, or subtle background textures, suggesting sea spray or weathered paint.

background

Utilize #F5F5DC as a clean, warm background for content, providing excellent readability and a soft, inviting feel.

text

Employ #73574B for body text and important information, ensuring strong contrast against lighter backgrounds and maintaining an earthy tone.

Accessibility notes

Ensure sufficient contrast when using #A84742 on #73574B; consider pairing with #F5F5DC for better readability.
Text in #2B506F or #73574B on a #F5F5DC background offers excellent contrast.
Avoid using #9FC5BC for small text elements unless on a very dark background to maintain readability.
For interactive elements, ensure their states (hover, active) maintain strong contrast against their background.

Recommended combinations

Rustic Horizon

Creates a classic, bold, and balanced look, perfect for headers or primary visual blocks.

#2B506F · #A84742 · #F5F5DC

Weathered Deck

Offers an earthy, serene blend suitable for backgrounds, subtle details, or natural textures.

#73574B · #9FC5BC · #F5F5DC

Coastal Charm

Provides a vibrant yet muted combination for eye-catching accents or illustrative graphics.

#A84742 · #2B506F · #9FC5BC

CSS variables

:root {
  --fisherman-s-wharf-boats-1: #A84742;
  --fisherman-s-wharf-boats-2: #2B506F;
  --fisherman-s-wharf-boats-3: #F5F5DC;
  --fisherman-s-wharf-boats-4: #73574B;
  --fisherman-s-wharf-boats-5: #9FC5BC;
}

Tailwind config

theme: {
  extend: {
    colors: {
      "fisherman-s-wharf-boats": {
        1: "#A84742",
        2: "#2B506F",
        3: "#F5F5DC",
        4: "#73574B",
        5: "#9FC5BC",
      }
    }
  }
}

Hex values

Color 1#A84742

Color 2#2B506F

Color 3#F5F5DC

Color 4#73574B

Color 5#9FC5BC

Accessibility

Contrast checker

1.5:1Fail

5.2:1AA

1.1:1Fail

3.1:1AA18

1.5:1Fail

7.7:1AAA

1.3:1Fail

4.5:1AA

5.2:1AA

7.7:1AAA

5.9:1AA

1.7:1Fail

1.1:1Fail

1.3:1Fail

5.9:1AA

3.5:1AA18

3.1:1AA18

4.5:1AA

1.7:1Fail

3.5:1AA18

Similar palettes

More like Fisherman's Wharf Boats

View all earth

Weathered Boat Wood

Aegean Cliffside Home

Aegean Village

Ceramic Glaze Rust

Coastal Clay Hues

Coastal Pottery Glaze