Chartreuse

A yellow-green named after the liqueur. Sharp, fresh and a little strange.

Chartreuse, the usual valueGreen
#B8D430
21 chartreuses in the library

Pick any swatch to see its codes, its contrast and the palette it comes from.

01Put it to work

Can you read text on it?
White text looks like thisHard to read
Avoid for text. Use it for shapes and backgrounds instead. Contrast 1.7 to 1
Black text looks like thisVery easy to read
Fine for any text, even small print. Contrast 11.7 to 1

Black text reads better here. The contrast number compares how light the text is with how light the colour behind it is. It runs from 1, where the text disappears, to 21, black on white. The web accessibility standard asks for at least 4.5 for normal text and 3 for big headlines.

Pick a swatch above to see it in its own palette, next to the colours it was chosen to sit with.

02Tints and shades

A ramp from 50 to 950 around #B8D430, in equal perceptual steps, for backgrounds, borders and hover states. Click a step to copy it.

0324 palettes with chartreuse

Post-PunkNew WaveIndustrial ClubGen-X Soft ClubSotsassMemphisCCTV ColorSurveillanceSourAcidDIY ZinePunkHolographic PortraitDistorted PortraitsPlaygroundKidcoreFrutiger AeroFrutiger AeroTropicalFrutiger AeroEames HouseArchitectural ModernismRietveldDe StijlPunk PasteCollageArcade CarpetVintage 80sRay Gun90s EditorialMarker SketchHand-drawn DoodlesGame BoyPixel ArtCoffee ShopGoogieSpace PortGoogieExpo 70MetabolismRogers DomeHigh-Tech ArchitectureDirect Flash EditorialDirect Flash EditorialNaïve DesignNaïve DesignMotion DesignMotion Design

04The styles that use it

Frutiger Aero2Googie2New Wave1Gen-X Soft Club1Memphis1Surveillance1Acid1Punk1Distorted Portraits1Kidcore1Architectural Modernism1De Stijl1Collage1Vintage 80s190s Editorial1Hand-drawn Doodles1Pixel Art1Metabolism1High-Tech Architecture1Direct Flash Editorial1Naïve Design1Motion Design1

05Questions

What is the hex code for chartreuse?

Chartreuse is most often given as #B8D430. There is no single official value (CSS's named chartreuse is #7FFF00); the 21 chartreuse swatches in the Omoro library run across the range shown on this page.

What colours go with chartreuse?

In the library's palettes, chartreuse most often sits beside blue, red and orange, with black and white as the neutrals.

Which design styles use chartreuse?

Frutiger Aero, Googie and New Wave use it most. 22 styles use it in all.

Goes withBlue 58%Red 54%Orange 13%Purple 8%Pink 8%Teal 8%

06More green shades

Sage GreenOlive GreenForest GreenEmerald GreenMint GreenNeon Green
Every colour familyAll colors and shades →
All palettes →Browse the styles →