Trout
#4c5356
Balanced mid-gray with cool green cast for UI
About Trout
I keep a mental picture of trout in cold water: not bright, just clean. Trout reads as a gray that's a touch more blue-green and a bit crisper than the softer, lighter Good Night!, while staying less earthy than Descent Into the Catacombs. Compared with Obsidian, it doesn't feel as deep or stone-heavy, so it lands feeling steadier and less "moodier."
For UI work, I use Trout when I want a background that looks deliberate but doesn't press forward: dashboards and finance apps, data tables, and the quiet secondary panels in healthcare admin screens. It's especially good behind dense charts because the slightly cooler undertone keeps lines crisp without turning clinical.
Pair it with near-whites for clean hierarchy, or with muted slate accents if you want a calmer rhythm than you'd get from Obsidian. If your palette leans very warm, Trout can start to look a little green-leaning, so it's worth a quick test in context.
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
On Gray 100 #f5f5f5
On Gray 900 #18181b
On Black #000000
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
Suggested palettes
Palettes built around this color.
Community palettes
Published palettes that include this color.