Garlic Toast

#dddd88

Light buttery chartreuse-green for gentle section dividers

Save
Share

About Garlic Toast

On my monitor, Garlic Toast looks like a pale, soft yellow-green crust after the heat hits and the edge goes quiet. It's lighter than , but it doesn't read as hushed and gray-green as . Compared to , it's closer to the toast side of cream, with a gentler golden pull that still stays unmistakably green.

I use it when I want a warm background that doesn't behave like a high-signal yellow. Think product interfaces for food and CPG brands, editorial sections in wellness magazines, and onboarding screens for plant-based services where the page needs to feel inviting without getting "sunny." It's also great for status panels, empty-state illustrations, and light-touch feature banners that need to be readable over white cards, not shouted at.

Pair it with deeper olives and soft charcoal text if you want it to feel grounded. If you lay it next to very cool, grayer greens, it can start to look slightly more golden than you planned, so I keep the contrast intentional.

Gradient preview

See how this color looks in an animated mesh gradient.

Conversions

Click any value to copy.

Need this programmatically? Color API

Code snippets

Copy this color into your project.

Contrast checker

WCAG 2.1 contrast ratios. AA requires 4.5:1 for normal text, 3:1 for large. AAA requires 7:1 / 4.5:1.

On White #ffffff

Aa
1.42:1Fail

On Gray 100 #f5f5f5

Aa
1.30:1Fail

On Gray 900 #18181b

Aa
12.46:1AAA

On Black #000000

Aa
14.77:1AAA

Variations

Shades

Darker variations, created by mixing toward black.

Tints

Lighter variations, created by mixing toward white.

Tones

Muted variations, created by reducing saturation.

Hues

Hue rotations around the color wheel.

Temperatures

Warm and cool shifts of this color.

Color harmonies

Complementary
Analogous
Triadic
Split Complementary
Tetradic

Suggested palettes

Palettes built around this color.

4 colors
3 colors
4 colors
4 colors

Community palettes

Published palettes that include this color.

Create a gradient with Garlic Toast

Open the generator with this color pre-loaded.

Start creating