#C4A484Latte
#E6D3B3Oat
#A98467Hazelnut
#F7F1E8Linen

Macrame color palette

Open in generator
Ask AI about this palette: ChatGPTClaudePerplexity

Macrame is a pastel light, monochromatic color palette tagged boho, muted, warm. All four colors sit within 12° of hue, so the scheme reads as one color explored across light and dark. The colors are light and airy, which suits friendly, soft-spoken brands. The overall temperature is warm.

Color codes click any value to copy

SwatchNameHEXRGBHSLOKLCH
Latte#C4A484rgb(196, 164, 132)hsl(30, 35%, 64%)oklch(73.9% 0.058 67)
Oat#E6D3B3rgb(230, 211, 179)hsl(38, 50%, 80%)oklch(87.4% 0.048 81)
Hazelnut#A98467rgb(169, 132, 103)hsl(26, 28%, 53%)oklch(64.1% 0.061 59)
Linen#F7F1E8rgb(247, 241, 232)hsl(36, 48%, 94%)oklch(96.0% 0.014 78)

Why it works and how to use it

It works because the lightness steps are gentle (53% to 94%), which keeps the mood consistent from edge to edge. Try it for wellness, organic and outdoor brands.

  • Background: Linen (#F7F1E8) is the lightest color, so it belongs on large surfaces.
  • Text: Hazelnut (#A98467) on #F7F1E8 gives 3.02:1, enough for large headings only.
  • Primary: Oat (#E6D3B3) is the most saturated mid-tone; use it for buttons and links with a border or a darker shade for contrast.
  • Accent: Latte (#C4A484) for highlights, badges and hover states.

No pair inside the palette reaches 4.5:1, so add black or white for body text.

Preview on a real UI see how the palette feels in context

BrandFeaturesPricingBlogGet started

Design faster with Macrame

A palette preview that turns four colors into a page, so you can judge hierarchy, contrast and mood before you commit.

Primary action Secondary
Card title
Card title
Card title
Roles are assigned by lightness.

Color blindness simulation

#C4A484
#E6D3B3
#A98467
#F7F1E8

Color-blind check: all four colors stay distinguishable under protanopia, deuteranopia and tritanopia.

Contrast check WCAG ratios between palette colors

PairSampleRatioLevel
#A98467 on #F7F1E8Aa3.02:1AA large only
#E6D3B3 on #A98467Aa2.32:1Fail
#C4A484 on #F7F1E8Aa2.08:1Fail
#C4A484 on #E6D3B3Aa1.59:1Fail
#C4A484 on #A98467Aa1.45:1Fail
#E6D3B3 on #F7F1E8Aa1.3:1Fail

Similar palettes 24 more in this mood