0
1
00:00:00,120 --> 00:00:02,630
Here are 2 other methods of finding colors.
1

2
00:00:02,640 --> 00:00:08,560
First one and my favourite – stealing! There's nothing wrong with stealing colors.
2

3
00:00:08,560 --> 00:00:14,410
Unlike other creative work, colors can't really be owned by anyone. So designers borrow colors from each other
3

4
00:00:14,410 --> 00:00:15,090
all the time.
4

5
00:00:15,100 --> 00:00:19,720
This is basically sampling colors from other people's work, instead of the photography.
5

6
00:00:19,840 --> 00:00:24,670
It's also more simpler approach to finding colors, than sampling colors from the photography as we
6

7
00:00:24,670 --> 00:00:25,000
did.
7

8
00:00:25,000 --> 00:00:28,300
It's more out of the box option, that you can start applying to your work right away.
8

9
00:00:28,300 --> 00:00:31,700
There are a lot of websites that curate design work and inspiration.
9

10
00:00:31,720 --> 00:00:37,480
I have dedicated a special lesson to this. Later we dive deeper in the topic of inspiration and its
10

11
00:00:37,480 --> 00:00:39,150
importance in your workflow.
11

12
00:00:39,190 --> 00:00:43,600
For now, let's look at one place to find color inspiration – dribbble.com.
12

13
00:00:43,720 --> 00:00:45,640
You can find excellent inspiration in here.
13

14
00:00:45,640 --> 00:00:49,240
Most of the work here isn't even for real projects.
14

15
00:00:49,360 --> 00:00:54,370
It's designers show and tell. A lot of exploration ideas and practice by other designers.
15

16
00:00:54,370 --> 00:00:57,210
Let's say we are working on a finance related website.
16

17
00:00:57,220 --> 00:01:02,240
We will search by the finance keyword and get a lot of inspiration for our work.
17

18
00:01:02,290 --> 00:01:07,270
When we find colors that we like, we can either sample the color in exactly the same way as we did with
18

19
00:01:07,270 --> 00:01:14,170
photos. Just save the image and place it inside Figma and then use the Eyedropper Tool. Or use a separate
19

20
00:01:14,200 --> 00:01:18,360
Eyedropper Tool, that can sample colors from anywhere on your screen.
20

21
00:01:18,430 --> 00:01:21,840
If you're on Mac, then it already has an Eyedropper Tool.
21

22
00:01:21,850 --> 00:01:25,730
It's inside utilities called Digital Color Meter.
22

23
00:01:25,750 --> 00:01:31,390
If you're on P.C. you can use browser extensions. ColorZila for example is a pretty good chrome extension
23

24
00:01:31,390 --> 00:01:34,420
for this.
24

25
00:01:34,540 --> 00:01:39,250
The second way to find colors is through Color generator sites like Coolors.co.
25

26
00:01:39,400 --> 00:01:46,330
You can either generate palettes from scratch, or you can paste 1 or 2 colors that you want to use,
26

27
00:01:46,330 --> 00:01:49,330
and generate some other matches that will work with that color.
27

28
00:01:49,330 --> 00:01:54,760
Here's a pro tip: AVOID RAW COLORS! Raw colors are those that have 100% saturation and
28

29
00:01:54,760 --> 00:01:55,890
100% brightness.
29

30
00:01:55,900 --> 00:02:00,940
This is a mistake many non-designers make, when they for example, design presentations for school, or work,
30

31
00:02:01,480 --> 00:02:04,310
or Facebook covers and whatnot.
31

32
00:02:04,360 --> 00:02:06,290
They often use raw colors like this.
32

33
00:02:06,310 --> 00:02:12,820
We generally like colors that are present in the natural world and rarely you get such colors in nature.
33

34
00:02:12,820 --> 00:02:16,990
Even the most extreme examples like Nemo here, don't have raw colors in them.
34

35
00:02:17,110 --> 00:02:19,510
However, that doesn't mean you can never use them.
35

36
00:02:19,510 --> 00:02:23,310
There might be times when there is like trends going on, right?
36

37
00:02:23,440 --> 00:02:29,360
Or maybe you deliberately and intentionally want to use something like a very bright fluorescent green.
37

38
00:02:29,440 --> 00:02:32,370
Not a problem. As always with design, if it's intentional
38

39
00:02:32,380 --> 00:02:35,240
it's probably going to work and if it's not, it might suck.