Green Gables
A grounded deep green for dark interfaces
Green Gables is a muted, desaturated shade that sits between charcoal and deep teal. This grounded tone works well as a background for dark-mode interfaces, providing a serious aesthetic that avoids the harshness of pure black. It offers excellent contrast for white text. If you need deeper green tones to round out a palette, the hex code for this color is #364847.
About Green Gables
Fir forest an hour after sundown
What does green gables mean?
Dark, muted teal-greens like this often bring to mind deep evergreen woods, stormy lake water, and old chalkboards. This dark and this low in saturation, it feels enclosed and still, closer to a shaded room than open sky.
Where you see green gables
- spruce needles
- deep lake water
- slate roof tiles
- cast iron skillets
- chalkboard paint
- dark enamelware
What it works for
Use it as a dark interface background, a paint color for cabinets, or packaging that needs gravity without brightness.
What colors go with green gables?
Cream #fffdd0Cream lifts the darkness and keeps the greyed green from feeling heavy.Dusty Rose #b56f76Dusty rose warms the cool cast without fighting its muted tone.Mustard #ffdb58Mustard adds enough brightness to read clearly against this dim base.Terracotta #e2725bTerracotta plays warm against cool, a familiar earth-and-pine combination.Charcoal #36454fCharcoal deepens the shade and holds the whole palette in one low key.
Questions about Green Gables
What is the hex code for Green Gables?
Green Gables is #364847. In RGB that is rgb(54, 72, 71), in HSL hsl(177, 14%, 25%) and in CMYK 25%, 0%, 1%, 72%.
Why is #364847 a good choice for dark-mode interfaces?
The #364847 hex color functions as a soft alternative to pure black, reducing eye strain while maintaining a professional appearance. It offers excellent readability for white or light-gray text, making it a reliable foundation for modern website backgrounds and dashboard design systems.
Is Green Gables readable on white or black?
Green Gables has a 9.65:1 contrast ratio on white and 2.17:1 on black. WCAG asks for 4.5:1 for body text and 3:1 for large text, so on white it works for body text and on black it is too faint for text. Try other pairs in the contrast checker.