Turtle

#523f31

Earthy mustard-brown with muted warmth, warmer than Peat

Save
Share

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é , 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.

Gradient preview

See how this color looks in an animated mesh gradient.

Conversions

Click any value to copy.

Need this programmatically? Color API

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

Aa
9.93:1AAA

On Gray 100 #f5f5f5

Aa
9.11:1AAA

On Gray 900 #18181b

Aa
1.78:1Fail

On Black #000000

Aa
2.11:1Fail

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

Complementary
Analogous
Triadic
Split Complementary
Tetradic

Suggested palettes

Palettes built around this color.

4 colors
3 colors
4 colors
4 colors

Community palettes

Published palettes that include this color.

Create a gradient with Turtle

Open the generator with this color pre-loaded.

Start creating