Water color

Fork

Picked

Code

:doodle {
  @grid: 1x406 / 800px auto (4/3);
  filter: @svg-filter(
    region: 4%;
    erode: 1;
    feComposite { in: SourceGraphic; operator: out }
    feBlend { in2: SourceGraphic; mode: multiply; result: paint }
    frequency: .8; octave: 3;
    feDiffuseLighting { 
      surfaceScale: 1.8; 
      diffuseConstant: 1.15; 
      lighting-color: #f6f4ef; 
      feDistantLight { elevation: 60 } 
    }
    feBlend { in2: paint; mode: multiply }
    frequency: .04; scale: 5;
  );
}

clip-path: @tile(
  points: 400; 
  aspect: 4/3; 
  spread: 80;
  gap: 1.3;
  density: 1 + 12 * max(0, y - .2)^2 + 2 * x^2
);

--tx: @tile.x;
--ty: @tile.y;
--leaf: $(ty > 54 + @r15);
--dot: $(!leaf && @r1 < .25);
--c: @match(
  $leaf, @p(#43a463, #3a9a5a, #57b273, #57b273, #8ccf9c),
  $dot,  @p(#2b93c2, #2b93c2, #ec7d92, #e03d52),
         @p(#bcb8da, #bcb8da, #bcb8da, #f3c623, #f3c623, #f3c623, #8ccf9c)
);

background: radial-gradient(
  at @r(100%) @r(100%),
  color-mix(in oklab, var(--c), #fff 30%), var(--c) 70%
);

scale: @match($dot, .6, @r(.9, 1.12));