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

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

Startup Latte & Dove Gray is an 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.

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.

Background: Ivory (#FCF9EB) is the lightest color, so it belongs on large surfaces.
Text: Jet (#2C3424) on #FCF9EB gives 12.25:1, passing WCAG AAA.
Primary: Latte (#C9A886) is the most saturated mid-tone; use it for buttons and links with a border or a darker shade for contrast.
Accent: Dove Gray (#62694E) for highlights, badges and hover states.

3 of 6 color pairs pass WCAG AA (4.5:1); the strongest is Jet on Ivory at 12.25:1.

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

BrandFeaturesPricingBlogGet started

Design faster with Startup Latte & Dove Gray

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

Roles are assigned by lightness.

Color blindness simulation

#2C3424

#62694E

#C9A886

#FCF9EB

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

Palette card

Contrast check WCAG ratios between palette colors

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

Similar palettes 24 more in this mood