Travertine - Mid

Name: Travertine - Mid
Brand: Little Greene

245 / Little Greene

#DDD5C3

A lighter iteration of Travertine, airy yet warm, ideal for open-plan contemporary spaces.

Spec Sheet

Hex#DDD5C3

RGB221, 213, 195

HSL42°, 28%, 82%

On White 1.46:1 Fail

On Black 14.38:1 AAA

For AI Tools

Copy this snippet and paste it into any AI tool

Use these colors for all components:

Background: #F6F5F4
Text: #3A3322
Accent: #DDD5C3
Support: #4A66A5
Neutral: #CCCFBF

Rules:
- Use Background for surfaces and canvas
- Use Ink for body text and icons
- Never use Accent as body text — contrast is too low
- Maintain 4.5:1 minimum contrast for normal text

Learn more about AI Palette

Design System from Travertine - Mid Palettes are free. Exports aren't.

#F6F5F4 background RGB 246 245 244

#3A3322 ink RGB 58 51 34

#DDD5C3 accent RGB 221 213 195

#4A66A5 support RGB 74 102 165

#CCCFBF neutral RGB 204 207 191

Processed in 0ms

CSS Variables

:root {
  --palette-background: #F6F5F4;
  --palette-ink: #3A3322;
  --palette-accent: #DDD5C3;
  --palette-support: #4A66A5;
  --palette-neutral: #CCCFBF;
}

Tailwind Config

{
  "palette-background": "#F6F5F4",
  "palette-ink": "#3A3322",
  "palette-accent": "#DDD5C3",
  "palette-support": "#4A66A5",
  "palette-neutral": "#CCCFBF"
}

Pro Exports Pro

Unlock for £4/month

Build a design system around Travertine - Mid.