Neumorphism tutorial

Light (HSL: E7F1F5)

1. Drop Shadow: x6; y6; blur 12; 426583, 25%
Drop Shadow: x-6; y-6; blur 12; FFFFFF, 100%
Layer Blur: 2

2. Drop Shadow: x4; y4; blur 12; 426583, 25%
Drop Shadow: x-4; y-4; blur 12; FFFFFF, 100%
Inner Shadow: x4; y4; blur 5; FFFFFF, 100%
Inner Shadow: x-4; y-4; blur 7; 668FB2, 25%

3. Linear: #F4F9FB; #C9DFE9; -45o
Drop Shadow: x4; y4; blur 12; 426583, 25%
Drop Shadow: x-6; y-6; blur 13; FFFFFF, 100%

4. Linear: #CDE1EA; #F8FBFC; -45o
Drop Shadow: x4; y4; blur 12; 426583, 25%
Drop Shadow: x-4 y-4; blur 12; FFFFFF, 100%
Layer Blur: 2

5. Inner Shadow: x-7; y-7; blur 13; FFFFFF, 100%
Inner Shadow: x9; y9; blur 12; 426583, 25%

6. Stroke (HSL: E7F1F5): 6, inside
Drop Shadow: x4; y4; blur 12; 426583, 25%
Drop Shadow: x-4 y-4; blur 12; FFFFFF, 100%
Inner Shadow: x-7; y-7; blur 13; FFFFFF, 100%
Inner Shadow: x9; y9; blur 12; 426583, 25%

7. Stroke (HSL: E7F1F5): 6, inside
Drop Shadow: x4; y4; blur 12; 426583, 25%
Drop Shadow: x-4 y-4; blur 12; FFFFFF, 100%
Inner Shadow: x9; y9; blur 12; FFFFFF, 100%
Inner Shadow: x-7; y-7; blur 13; 668FB2, 25%

8. Linear: #F8FBFC; #C6DDE6; -45o
Stroke (HSL: E7F1F5): 6, inside
Drop Shadow: x4; y4; blur 12; 426583, 25%
Drop Shadow: x-4 y-4; blur 12; FFFFFF, 100%

9. Linear: #CDE2EA; #F8FBFC; -45o
Stroke (HSL: E7F1F5): 6, inside
Drop Shadow: x4; y4; blur 12; 426583, 25%
Drop Shadow: x-4 y-4; blur 12; FFFFFF, 100%

Dark (HSL: 00384F)

1. Drop Shadow: x6; y6; blur 12; 001D29, 100%
Drop Shadow: x-6; y-6; blur 12; 005375, 100%
Layer Blur: 2

2. Drop Shadow: x4; y4; blur 12; 001D29, 100%
Drop Shadow: x-4; y-4; blur 12; 005375, 100%
Inner Shadow: x4; y4; blur 5; 005070, 100%
Inner Shadow: x-4; y-4; blur 7; 002433, 100%

3. Linear: #005375; #001924; -45o
Drop Shadow: x4; y4; blur 12; 001D29, 100%
Drop Shadow: x-4; y-4; blur 12; 005375, 100%

4. Linear: #002F42; #005375; -45o
Drop Shadow: x4; y4; blur 12; 001D29, 100%
Drop Shadow: x-4 y-4; blur 12; 005375, 100%
Layer Blur: 2

5. Inner Shadow: x-7; y-7; blur 13; 004866, 100%
Inner Shadow: x9; y9; blur 12; 002433, 100%

6. Stroke (HSL: 00384F): 6, inside
Drop Shadow: x4; y4; blur 12; 001D29, 100%
Drop Shadow: x-4 y-4; blur 12; 005375, 100%
Inner Shadow: x-7; y-7; blur 13; 005375, 100%
Inner Shadow: x9; y9; blur 12; 001D29, 100%

7. Stroke (HSL: 00384F): 6, inside
Drop Shadow: x4; y4; blur 12; 001D29, 100%
Drop Shadow: x-4 y-4; blur 12; 005375, 100%
Inner Shadow: x9; y9; blur 12; 005375, 100%
Inner Shadow: x-7; y-7; blur 13; 001924, 100%

8. Linear: #005375; #001924; -45o
Stroke (HSL: 00384F): 6, inside
Drop Shadow: x4; y4; blur 12; 001924, 100%
Drop Shadow: x-4 y-4; blur 12; 005070, 100%

9. Linear: #002433; #005375; -45o
Stroke (HSL: 00384F): 6, inside
Drop Shadow: x4; y4; blur 12; 00212E, 100%
Drop Shadow: x-4 y-4; blur 12; 004866, 100%