Crocodile Style
#767437
Low-key olive-brown for grounded, data-friendly hierarchy
About Crocodile Style
Crocodile Style is what happens when you push a muted green darker and let the brown underneath actually show up. It's heavier and more saturated than Bay Leaf, but it doesn't have Bonsai's warmth or Capers' green-first structure. This one reads as genuinely earthy, closer to actual soil or weathered leather than to vegetation. It commits to that without apology.
Reach for it on heritage product pages, craft sites, and editorial layouts where you need a background that feels grounded and material. It holds type well at any scale and pairs cleanly with warm blacks and cream. Unlike Capers, which shifts its read depending on context, this one stays planted. Unlike Bay Leaf, which tries to disappear, Crocodile Style announces itself as intentional color, not neutral filler.
The thing to test: it's dark enough that contrast matters. Pair it with white or pale cream type if legibility is the goal. On darker layouts it can feel almost architectural, the kind of color that makes an interface feel built rather than painted.
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.