About Lunatic Lynx
Lunatic Lynx looks like a pale lynx-spot shimmer pulled over warm tan, but it stays calmer than most golden yellows. Compared to Manhattan and Caramel Drizzle, it has less deep tan weight, so it doesn't slide toward caramel leather. Versus Frappé, it's not milky or cool. It reads more honeyed-leaning, with a slightly more saturated, confident glow.
I use Lunatic Lynx for soft-but-not-blank backgrounds where you still want warmth to feel intentional: hero callouts on beauty and wellness sites, gentle form panel backs, and the "selected" state fill for filters in retail or e-commerce. It's also great in dashboards and product discovery pages when the rest of the UI is cream or muted gray and you need a yellow note that doesn't go beige-gray under light. The one you reach for when Manhattan feels too reserved and Frappé feels too neutral, but you don't want Brandy-level richness.
Pair it with cocoa browns, warm charcoals, or deep olive accents. If you stack it against very bright whites, it can look slightly more sunlit than you planned, so test in your actual hero imagery.
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.
