Turtle
#523f31
Earthy mustard-brown with muted warmth, warmer than Peat
About Turtle
Turtle reads like a damp, low-gloss shade of fawn-brown that's been sitting in the shadow of a pond wall. It's browner than the darker coffee tones, but it doesn't go as reddish or chocolate-heavy as the deeper neighbors. Compared with Café Noir, Turtle keeps a muted yellow warmth in the background instead of feeling purely restrained.
I use Turtle when I need a brown that feels grounded without going heavy, especially in tea, pastry, and pantry packaging where the label wants to look lived-in, not steeped. In UI it's great for settings surfaces, quiet callouts, and secondary buttons where you still want readability over light creams. It's also a solid option for category chips and card headers in editorial product pages, since it stays warm while avoiding that copper drift.
Pair it with oat creams, dry tans, or cooler charcoal if you're using it as a base, because Turtle can look a touch dull next to bright lemony yellows.
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.