Raw Pottery color palette

Raw Pottery is a 5-color palette drawing on neutrals, browns and oranges. In OKLCH its lightness runs from 26% (#2D2017, dark) to 71% (#B99C78, medium-light), and its most saturated color, #8C5A44, is moderately saturated. 4 of its 4 chromatic colors sit on the warm side of the hue wheel. 1 of its 10 color pairs reach the WCAG AA ratio of 4.5:1 for body text. It is tagged earth tone, muted, brown, orange and warm.

Earth toneMutedBrownOrangeWarm

Color codes

ColorHEXRGBHSLOKLCH
Jet #2D2017 rgb(45, 32, 23) hsl(25, 32%, 13%) oklch(25.7% 0.026 56)
Dim Gray #6B4F3A rgb(107, 79, 58) hsl(26, 30%, 32%) oklch(45.2% 0.05 58)
Dark Moss Green #8C5A44 rgb(140, 90, 68) hsl(18, 35%, 41%) oklch(51.7% 0.074 44.4)
English Lavender #A28164 rgb(162, 129, 100) hsl(28, 25%, 51%) oklch(62.7% 0.058 62.8)
Earth Yellow #B99C78 rgb(185, 156, 120) hsl(33, 32%, 60%) oklch(71% 0.06 72.6)

Accessibility

The best text and background pairs in Raw Pottery, by WCAG 2 contrast ratio, with the APCA lightness contrast (Lc) of the text on its background.

PairWCAG 2LevelAPCA Lc
#2D2017 on #B99C78 6.08:1 AA Lc 50.0
#2D2017 on #A28164 4.40:1 AA large Lc 37.4
#B99C78 on #6B4F3A 2.88:1 Fail Lc -34.1

Color vision

1 pair of colors come within ΔE 0.06 of each other under at least one simulation.

  • Protanopia

  • Deuteranopia

  • Tritanopia

  • Achromatopsia

Use it in code

Install these colors as Tailwind CSS v4 theme colors with shadcn: npx shadcn@latest add https://getcolors.so/r/palette/2d2017-6b4f3a-8c5a44-a28164-b99c78.json.

Make it your own

Edit the colors, build a full light and dark color system from them, or see them on real UI.

Gradients from these colors