Chef’s Kiss
#cc3b3b
Warmer orange-red with dense, kiss-like saturation
About Chef’s Kiss
Chef's Kiss is the one that actually wants to be a gesture. It's brighter and warmer than Bloody Salmon without the muted restraint, and it's got way more saturation than Autumn Fire, which means it doesn't sit there split between decisions, it commits. This is orange that moves fast, the kind that reads as immediate and a little playful, like something just worked out.
Use it in interfaces that need to feel responsive and human: notification badges, success states, interactive buttons in apps where warmth matters more than clinical precision. It lands well in food apps, fintech dashboards, and design tools where you're signaling positive action. Unlike Anarchist's combative edge or Bacon Strips' apologetic restraint, this one has momentum. It doesn't require dark backgrounds to work; it holds its own on white, cream, or even warm grays without flattening.
The thing: it's saturated enough that it'll pop in almost any context, but that also means it can feel a little loud if you're already working with a warm palette. Test it early if your background is leaning orange or tan. Pair it with clean whites or cool grays and it stays sharp. Put it next to anything warm and it gets louder, which is exactly what you want when speed and clarity matter.
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.