Lighter companion
Citrine Silk Soft
#C9C992 · hsl(60, 34%, 68%)
Citrine Tone Soft (#BCBC76) belongs to the yellow family — hue 60°, 34% saturation, 60% lightness. Copy the hex, RGB, or HSL value above, or paste the CSS custom property below into your stylesheet to reference this color directly.
:root { --colorarchive-citrine-tone-soft: #BCBC76; /* hsl(60, 34%, 60%) */ }
Instead of stopping at one swatch, use nearby, opposite, and tonal neighbors to branch into a broader palette.
Base: Citrine Tone Soft #BCBC76 Lighter companion: Citrine Silk Soft #C9C992 Darker companion: Citrine Radiant Soft #B2B262 Complementary counterpoint: Iris Tone Soft #7676BC Analogous lead: Olive Tone Soft #A5BC76 Analogous echo: Apricot Tone Soft #BCA576
The closest archive matches by hue, saturation, and lightness.
Turn these colors into design tokens
ColorArchive packs include CSS variables, Figma tokens, Tailwind config, and Procreate swatches — ready to drop into any project.