Palette

Vintage Kitchen Spice

Warm and inviting colors of an old-fashioned kitchen, filled with the aroma of comforting spices.

warmnatural5 colors

More warm palettes

Preview

See it in context.

Interface

New

Ready when you are.

A quick look at how Vintage Kitchen Spice 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 Vintage Kitchen Spice.

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

Data visualization

#8B4513#CD853F#A0522D#D2B48C#EEDD82

Palette guide

How to use Vintage Kitchen Spice

Overview

The Vintage Kitchen Spice palette is a rich and inviting collection that evokes the comforting aroma and warmth of an old-fashioned kitchen. Featuring deep, earthy browns like #8B4513 and #A0522D, it's beautifully complemented by a vibrant orange-brown #CD853F, a soft sandy beige #D2B48C, and a warm, buttery yellow #EEDD82. This palette provides designers and developers with a robust range of colors to create designs that feel natural, wholesome, and nostalgic. It's an excellent choice for projects seeking a rustic, cozy, and appetizing aesthetic, perfect for food-related themes or warm home decor.

Best used for

Branding for organic food products, spices, or artisanal goods
Websites for culinary blogs, cooking classes, or farm-to-table restaurants
Packaging design for coffee, tea, or baked goods
Interior design concepts for rustic kitchens or dining areas
UI/UX for recipe apps or food delivery services with a warm feel
Editorial layouts for gourmet magazines or cookbooks

Suggested color roles

primary

Use #8B4513 or #A0522D as a grounding primary for headers, footers, or dominant content blocks, providing depth and warmth.

secondary

Employ #CD853F for secondary information, subheadings, or interactive elements to add a lively, inviting touch.

accent

Apply #EEDD82 sparingly for highlights, icons, or call-to-action buttons to introduce a bright, appetizing accent.

background

Utilize #D2B48C for a soft, neutral background that offers excellent readability and a warm, inviting canvas.

text

For body text, a deep brown like #8B4513 or a dark charcoal ensures optimal readability against lighter backgrounds.

Accessibility notes

Ensure #D2B48C text on #EEDD82 backgrounds has sufficient contrast (likely insufficient).
The contrast between #8B4513 or #A0522D and #D2B48C or #EEDD82 is generally good for text.
Avoid using #EEDD82 for small text on #CD853F as it might lack sufficient contrast.
Always verify contrast ratios for all text and interactive elements to ensure WCAG compliance.

Recommended combinations

Earthy Base

Creates a warm, grounded foundation, ideal for main content and natural branding.

#D2B48C · #A0522D · #8B4513

Spice Accent

Highlights key elements with vibrant spice tones against a neutral backdrop, perfect for call-outs.

#D2B48C · #CD853F · #EEDD82

Rustic Warmth

Blends deep and mid-tones for a rich, inviting aesthetic, suitable for headers and hero sections.

#8B4513 · #CD853F · #D2B48C

CSS variables

:root {
  --vintage-kitchen-spice-1: #8B4513;
  --vintage-kitchen-spice-2: #CD853F;
  --vintage-kitchen-spice-3: #A0522D;
  --vintage-kitchen-spice-4: #D2B48C;
  --vintage-kitchen-spice-5: #EEDD82;
}

Tailwind config

theme: {
  extend: {
    colors: {
      "vintage-kitchen-spice": {
        1: "#8B4513",
        2: "#CD853F",
        3: "#A0522D",
        4: "#D2B48C",
        5: "#EEDD82",
      }
    }
  }
}

Hex values

Color 1#8B4513

Color 2#CD853F

Color 3#A0522D

Color 4#D2B48C

Color 5#EEDD82

Accessibility

Contrast checker

2.4:1Fail

1.3:1Fail

3.6:1AA18

5.2:1AA

2.4:1Fail

1.9:1Fail

1.5:1Fail

2.2:1Fail

1.3:1Fail

1.9:1Fail

2.8:1Fail

4.1:1AA18

3.6:1AA18

1.5:1Fail

2.8:1Fail

1.4:1Fail

5.2:1AA

2.2:1Fail

4.1:1AA18

1.4:1Fail

Similar palettes

More like Vintage Kitchen Spice

View all warm

Spiced Ginger Warmth

Spiced Paprika Warmth