#180201Obsidian
#514949Graphite
#208C00Forest
#DEDEDEBone

Forest & Obsidian Path color palette

LuxuryDarkMinimalBlackGrayGreen
Open in generator
Ask AI about this palette: ChatGPTClaudePerplexity

Forest & Obsidian Path is a dark, neutral-based color palette tagged luxury, dark, minimal. Built almost entirely from neutrals, with Forest (#208C00) as the single point of color. Saturation is moderate, which keeps it flexible for both interfaces and print.

Color codes click any value to copy

SwatchNameHEXRGBHSLOKLCH
Obsidian#180201rgb(24, 2, 1)hsl(3, 92%, 5%)oklch(13.9% 0.046 30)
Graphite#514949rgb(81, 73, 73)hsl(0, 5%, 30%)oklch(41.3% 0.011 18)
Forest#208C00rgb(32, 140, 0)hsl(106, 100%, 27%)oklch(55.9% 0.183 141)
Bone#DEDEDErgb(222, 222, 222)hsl(0, 0%, 87%)oklch(90.1% 0.000 0)

Why it works and how to use it

The palette holds together thanks to its neutral backbone and a strong light-to-dark ladder (87% down to 5% lightness). A natural fit for premium branding and packaging.

  • Background: Bone (#DEDEDE) is the lightest color, so it belongs on large surfaces.
  • Text: Obsidian (#180201) on #DEDEDE gives 14.89:1, passing WCAG AAA.
  • Primary: Forest (#208C00) is the most saturated mid-tone; use it for buttons and links (3.24:1 against the background, fine for UI elements).
  • Accent: Graphite (#514949) for highlights, badges and hover states.

3 of 6 color pairs pass WCAG AA (4.5:1); the strongest is Obsidian on Bone at 14.89:1.

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

BrandFeaturesPricingBlogGet started

Design faster with Forest & Obsidian Path

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

#180201
#514949
#208C00
#DEDEDE

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

Contrast check WCAG ratios between palette colors

PairSampleRatioLevel
#180201 on #DEDEDEAa14.89:1AAA
#514949 on #DEDEDEAa6.51:1AA
#180201 on #208C00Aa4.59:1AA
#208C00 on #DEDEDEAa3.24:1AA large only
#180201 on #514949Aa2.29:1Fail
#514949 on #208C00Aa2.01:1Fail

Similar palettes 24 more in this mood

More luxury palettes →More dark palettes →More minimal palettes →More black palettes →More gray palettes →More green palettes →