Lighter companion
Citrine Bloom Soft
#D7D7AD · hsl(60, 34%, 76%)
Citrine Silk Soft (#C9C992) belongs to the yellow family — hue 60°, 34% saturation, 68% 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-silk-soft: #C9C992; /* hsl(60, 34%, 68%) */ }
Instead of stopping at one swatch, use nearby, opposite, and tonal neighbors to branch into a broader palette.
Base: Citrine Silk Soft #C9C992 Lighter companion: Citrine Bloom Soft #D7D7AD Darker companion: Citrine Tone Soft #BCBC76 Complementary counterpoint: Iris Silk Soft #9292C9 Analogous lead: Olive Silk Soft #B7C992 Analogous echo: Apricot Silk Soft #C9B792
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.