What are the hex codes in the Startup Latte & Dove Gray palette?

The Startup Latte & Dove Gray color palette consists of Jet #2C3424, Dove Gray #62694E, Latte #C9A886, Ivory #FCF9EB.

How should I use the Startup Latte & Dove Gray palette on a website?

Use Ivory #FCF9EB as the background, Jet #2C3424 for text, Latte #C9A886 for buttons and links, and Dove Gray #62694E for accents. 3 of 6 color pairs pass WCAG AA (4.5:1); the strongest is Jet on Ivory at 12.25:1.

Which colors in Startup Latte & Dove Gray have enough contrast for text?

The highest-contrast pair is #2C3424 on #FCF9EB with a ratio of 12.25:1, which passes WCAG AA for normal text.

#2C3424Jet

#62694EDove Gray

#C9A886Latte

#FCF9EBIvory

Startup Latte & Dove Gray color palette

Modern Muted Minimal Gray Brown White

Open in generator

Ask AI about this palette: ChatGPT Claude Perplexity

Startup Latte & Dove Gray is a analogous color palette tagged modern, muted, minimal. Analogous neighbors on the wheel (Jet, Latte) give it a natural, low-tension flow. Saturation is moderate, which keeps it flexible for both interfaces and print. The overall temperature is warm.

Color codes click any value to copy

Name	HEX	RGB	HSL	OKLCH
Jet	`#2C3424`	`rgb(44, 52, 36)`	`hsl(90, 18%, 17%)`	`oklch(31.2% 0.030 130)`
Dove Gray	`#62694E`	`rgb(98, 105, 78)`	`hsl(76, 15%, 36%)`	`oklch(50.7% 0.042 120)`
Latte	`#C9A886`	`rgb(201, 168, 134)`	`hsl(30, 38%, 66%)`	`oklch(75.2% 0.060 68)`
Ivory	`#FCF9EB`	`rgb(252, 249, 235)`	`hsl(49, 74%, 95%)`	`oklch(98.1% 0.019 97)`

Why it works and how to use it

It works because the lightness range is wide (17% to 95%), which gives clear hierarchy between background, content and accents. Try it for websites, presentations and branding.

Pair	Sample	Ratio	Level
`#2C3424` on `#FCF9EB`	Aa	12.25:1	AAA
`#2C3424` on `#C9A886`	Aa	5.81:1	AA
`#62694E` on `#FCF9EB`	Aa	5.45:1	AA
`#62694E` on `#C9A886`	Aa	2.58:1	Fail
`#2C3424` on `#62694E`	Aa	2.25:1	Fail
`#C9A886` on `#FCF9EB`	Aa	2.11:1	Fail

Startup Latte & Dove Gray color palette

Color codes click any value to copy

Why it works and how to use it

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

Design faster with Startup Latte & Dove Gray

Color blindness simulation

Contrast check WCAG ratios between palette colors

Similar palettes 24 more in this mood