Animal Kingdom
#bcc09e
Lighter, softer animal-leaning green for calm layers
About Animal Kingdom
Animal Kingdom sits at that point where green and gray genuinely meet, neither one winning. It's more muted than Beige and Sage but it doesn't have the straw-like quality that makes Court-Bouillon read as almost-neutral. There's green in here, but it's quiet about it, the kind of color that looks like it belongs in a room whether or not you meant to put it there.
This one works on editorial layouts, product dashboards, and publishing platforms where you need a background that supports content without competing. It's steady enough to hold type, restful enough to sit behind imagery, and neutral enough that it won't clash when your accent palette runs cool or warm. Use it as a body background or a section divider where you want intention without assertion.
The catch: it's got just enough gray undertone that it can feel slightly flat against very warm materials or cream backgrounds. Against white or cool type it reads more clearly as green. Pair it with charcoal, deep greens, or soft neutrals and it settles immediately, the color disappears into the system the way a good background should.
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.