Palette

Rusty Mariner's Knot

Weathered browns and a hint of dusty blue capture the rugged beauty of a old, sun-beaten fishing boat.

earthnatural5 colors

More earth palettes

Preview

See it in context.

Interface

New

Ready when you are.

A quick look at how Rusty Mariner's Knot 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 Rusty Mariner's Knot.

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

Data visualization

#8B4513#A0522D#C16B40#D2B48C#B0C4DE

Palette guide

How to use Rusty Mariner's Knot

Overview

The "Rusty Mariner's Knot" palette beautifully captures the essence of aged wood and sun-beaten metal found on an old fishing boat. This earthy collection features a range of warm browns and rustic oranges, including the deep #8B4513 and vibrant #C16B40, complemented by the soft, weathered #D2B48C. A surprising touch of #B0C4DE, a dusty light steel blue, evokes faded maritime elements or distant skies. Designers can use this palette to create a rustic, antique, or natural aesthetic, perfect for branding or digital interfaces that need a touch of history and warmth. Developers will appreciate its versatility for themes that convey heritage or organic textures.

Best used for

Rustic brand identities for artisan goods
Nautical-themed website designs
Vintage-style photography presets
Packaging for natural or organic products
Interior design inspiration boards
Mobile app interfaces with an antique feel

Suggested color roles

primary

#A0522D (Sienna) - A rich, grounding brown, excellent for main content areas or substantial UI components, providing a warm and stable foundation.

secondary

#8B4513 (Saddle Brown) - Deeper and more robust, ideal for headers, footers, or background sections that require more visual weight and warmth.

accent

#C16B40 (Rust Orange) - A vibrant, earthy orange perfect for calls to action, navigation highlights, or elements that need to draw immediate attention.

background

#D2B48C (Tan) - A light, sandy brown that serves as a soft, inviting background, providing ample contrast for darker text and elements.

text

#8B4513 (Saddle Brown) - Offers excellent readability against #D2B48C, maintaining the palette's earthy feel. Alternatively, a dark charcoal could be used for improved contrast.

Accessibility notes

Ensure #8B4513 text on #D2B48C background meets WCAG contrast guidelines.
The accent #C16B40 might need careful pairing for text to ensure readability; use for larger text or decorative elements.
#B0C4DE can work as a background for very dark text, or as an accent for lighter text.
Consider using a very dark brown or black for primary text on lighter backgrounds for maximum readability.

Recommended combinations

Coastal Base

#D2B48C as a light background, #B0C4DE for subtle accents or secondary information, and #A0522D for main text.

#D2B48C · #B0C4DE · #A0522D

Warm Rustic

#A0522D for background, #8B4513 for headers, and #C16B40 for buttons or highlights.

#A0522D · #8B4513 · #C16B40

Aged Patina

#D2B48C as a backdrop, #C16B40 for key elements, and #B0C4DE for subtle decorative touches.

#D2B48C · #C16B40 · #B0C4DE

CSS variables

:root {
  --rusty-mariner-s-knot-1: #8B4513;
  --rusty-mariner-s-knot-2: #A0522D;
  --rusty-mariner-s-knot-3: #C16B40;
  --rusty-mariner-s-knot-4: #D2B48C;
  --rusty-mariner-s-knot-5: #B0C4DE;
}

Tailwind config

theme: {
  extend: {
    colors: {
      "rusty-mariner-s-knot": {
        1: "#8B4513",
        2: "#A0522D",
        3: "#C16B40",
        4: "#D2B48C",
        5: "#B0C4DE",
      }
    }
  }
}

Hex values

Color 1#8B4513

Color 2#A0522D

Color 3#C16B40

Color 4#D2B48C

Color 5#B0C4DE

Accessibility

Contrast checker

1.3:1Fail

1.8:1Fail

3.6:1AA18

4:1AA18

1.3:1Fail

1.5:1Fail

2.8:1Fail

3.2:1AA18

1.8:1Fail

1.5:1Fail

2:1Fail

2.2:1Fail

3.6:1AA18

2.8:1Fail

2:1Fail

1.1:1Fail

4:1AA18

3.2:1AA18

2.2:1Fail

1.1:1Fail

Similar palettes

More like Rusty Mariner's Knot

View all earth

Aged Copper Patina

Ancient Amphora Vessel

Ancient Relic Dust

Ancient Ritual Earth

Antique Bronze Patina

Gilded Tome Pages