Key Takeaways
- Dark Slate Gray usually signals growth, wellness, and positive progress.
- It fits best for fintech, healthcare, climate, sustainability, and wellness brands.
- Its contrast against white is 8.19:1, so accessibility should be validated before production use.
Hex: #37572e
Closest named color: Dark Slate Gray
Hue family: Green
HSL: 107 31% 26%
Text contrast: 8.19:1 on white • AAA • prefers light text on the swatch
The bottom line
Dark Slate Gray is a green-family color that communicates growth, wellness, and positive progress. It is widely used in fintech, healthcare, climate, sustainability, and wellness brands. Hex: #37572E, RGB: rgb(55, 87, 46), HSL: hsl(107, 31%, 26%). #37572e Color sits in the green family and reads as growth, wellness, and positive progress. That's why it shows up most often in fintech, healthcare, climate, sustainability, and wellness brands.
Core Definitions
37572e
Dark Slate Gray is a green-family color that communicates growth, wellness, and positive progress. It is widely used in fintech, healthcare, climate, sustainability, and wellness brands. Hex: #37572E, RGB: rgb(55, 87, 46), HSL: hsl(107, 31%, 26%).
Pros & Cons
Pros
- Supports growth, wellness, and positive progress in branding and UI systems.
- Pairs naturally with the rest of the green palettes and gradients on this site.
Note: Consider your use case before applying.
Cons
- May create thin hierarchy if the same shade is used for every UI role.
- Needs contrast validation in text, buttons, and gradient overlays before scaling.
1. What this color is used for
#37572e Color sits in the green family and reads as growth, wellness, and positive progress. That's why it shows up most often in fintech, healthcare, climate, sustainability, and wellness brands.
2. Best use cases
Dark Slate Gray works well for Green landing page accents, Green buttons and calls to action, Green gradients, Green accessibility validation. It's usually strongest when it's given one clear job - a primary brand color, an accent, or a support color - rather than reused for everything on the page.
3. Things to check before using it
Test contrast before shipping text or buttons in this color, and avoid reusing the exact same shade for branding, alerts, and UI status all at once - that makes it harder for users to tell them apart.
Comparison
| Option | Best for | Strengths | Watchouts |
|---|---|---|---|
| Dark Slate Gray | fintech, healthcare, climate, sustainability, and wellness brands | growth, wellness, and positive progress | Contrast against white is 8.19:1, so validate text, buttons, and tinted surfaces before scaling. |
| Green alternatives | Green palette exploration | More flexibility across palettes and gradients | Can lose brand consistency if the shade family becomes too broad. |
Examples
Dark Slate Gray landing page
Use #37572e in hero accents, CTA emphasis, and illustration highlights while keeping surface neutrals calmer for readability.
Dark Slate Gray product UI
Use dark slate gray for one primary action or category signal, then pair it with status colors and tested neutral surfaces.
Frequently Asked Questions
What does dark slate gray communicate in branding?
Dark Slate Gray usually communicates growth, wellness, and positive progress. It tends to work best for fintech, healthcare, climate, sustainability, and wellness brands when the palette also preserves contrast, hierarchy, and semantic clarity.
Is #37572e accessible on white?
#37572e reaches a contrast ratio of 8.19:1 against white, which scores AAA for normal text under WCAG. Teams should still test buttons, links, and gradient contexts before standardizing it.