Back to palettes

Palette

Golden Teak Deck

Warm, rich browns mimicking the beautiful grain of a polished golden teak deck.

earthelegant5 colors
More earth palettes

Preview

See it in context.

Interface

New

Ready when you are.

A quick look at how Golden Teak Deck 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 Golden Teak Deck.

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

Data visualization

#6B4423#9A6A4E#C79A7C#F4CEAA#8C5B39

Palette guide

How to use Golden Teak Deck

Overview

The Golden Teak Deck palette offers a rich, warm collection of browns, perfectly mimicking the luxurious grain of polished wood. This elegant palette transitions from the deep, grounding tone of #6B4423 to the inviting warmth of #9A6A4E and the softer, sun-kissed hue of #C79A7C, culminating in the radiant #F4CEAA. A versatile mid-tone like #8C5B39 provides excellent balance. Ideal for designs seeking a sophisticated, earthy feel, these colors evoke stability and natural beauty, making them a superb choice for creating environments that feel both established and inviting.

Best used for

  • Luxury interior design and decor
  • High-end furniture branding
  • Autumnal or rustic wedding themes
  • E-commerce for natural products
  • Warm, inviting digital interfaces
  • Elegant packaging for gourmet foods

Suggested color roles

primary

Use #6B4423 for strong, foundational elements like headers, main navigation, or a dominant wall color, providing deep, anchoring warmth.

secondary

Employ #8C5B39 or #9A6A4E for supporting sections, sidebars, or furniture pieces, offering a comforting mid-tone balance.

accent

Apply #C79A7C for subtle highlights, decorative details, or call-to-action buttons, adding a touch of gentle warmth.

background

Utilize #F4CEAA for expansive backgrounds, hero sections, or large wall spaces, creating a bright yet inviting canvas.

text

For optimal readability on light backgrounds like #F4CEAA, use #6B4423 or a dark charcoal. On darker backgrounds, a crisp white is recommended.

Accessibility notes

  • Ensure sufficient contrast when pairing lighter shades like #F4CEAA with darker text such as #6B4423.
  • Avoid using mid-tone browns for small text on similar mid-tone backgrounds, as readability will suffer.
  • For interactive elements, maintain a contrast ratio of at least 3:1 against adjacent colors.
  • Consider using a very dark brown or black for body text on the lightest background #F4CEAA to meet WCAG AA standards.

Recommended combinations

Rich Contrast

For strong headings on light backgrounds or elegant dark sections with bright accents.

#6B4423 · #F4CEAA · #9A6A4E

Earthy Blend

Create harmonious visual depth in illustrations, gradients, or layered elements.

#9A6A4E · #C79A7C · #8C5B39

Rustic Warmth

Ideal for a three-tier information display or a dominant color scheme with two supporting tones.

#6B4423 · #8C5B39 · #C79A7C

CSS variables

:root {
  --golden-teak-deck-1: #6B4423;
  --golden-teak-deck-2: #9A6A4E;
  --golden-teak-deck-3: #C79A7C;
  --golden-teak-deck-4: #F4CEAA;
  --golden-teak-deck-5: #8C5B39;
}

Tailwind config

theme: {
  extend: {
    colors: {
      "golden-teak-deck": {
        1: "#6B4423",
        2: "#9A6A4E",
        3: "#C79A7C",
        4: "#F4CEAA",
        5: "#8C5B39",
      }
    }
  }
}

Related searches

warm brown color paletteteak wood color schemerustic elegant colorsnatural luxury paletteearth tone design

Palette colors

Hex values

Color 1#6B4423
·
Color 2#9A6A4E
·
Color 3#C79A7C
·
Color 4#F4CEAA
·
Color 5#8C5B39
·

Accessibility

Contrast checker

1
2
3
4
5
1
1.8:1Fail
3.4:1AA18
5.8:1AA
1.5:1Fail
2
1.8:1Fail
1.8:1Fail
3.1:1AA18
1.2:1Fail
3
3.4:1AA18
1.8:1Fail
1.7:1Fail
2.3:1Fail
4
5.8:1AA
3.1:1AA18
1.7:1Fail
3.9:1AA18
5
1.5:1Fail
1.2:1Fail
2.3:1Fail
3.9:1AA18

Similar palettes

More like Golden Teak Deck

View all earth