Power Style Themes
src: https://artisanthemes.io/best-google-fonts-color-combinations-feminine-website/
Here are some great combinations of fonts and colors that you can give a try inside of the Power Style Editor. You can also mix it up by swapping out colors and fonts.

1. Karla + Martel

1
<link href="https://fonts.googleapis.com/css?family=Karla:400,700|Martel:400,700" rel="stylesheet">
2
​
3
font-family: 'Martel', serif;
4
font-family: 'Karla', sans-serif;
5
​
6
#2B394A #FDA5A4 #C5D0DD
Copied!

2. Barlow + Rasa

1
<link href="https://fonts.googleapis.com/css?family=Barlow+Condensed|Barlow:600|Rasa:300,500" rel="stylesheet">
2
​
3
font-family: 'Barlow Condensed', sans-serif;
4
font-family: 'Rasa', serif;
5
​
6
#000000 #FFFFFF #D9E3DA #A7BEA9
Copied!

3. Raleway

1
<link href="https://fonts.googleapis.com/css?family=Raleway:300,700" rel="stylesheet">
2
​
3
font-family: 'Raleway', sans-serif;
4
​
5
#000000 #FC888C #75858F
Copied!

4. Playfair Display + Gothic A1

1
<link href="https://fonts.googleapis.com/css?family=Gothic+A1:300,600|Playfair+Display" rel="stylesheet">
2
​
3
font-family: 'Playfair Display', serif;
4
​
5
font-family: 'Gothic A1', sans-serif;
6
​
7
#F3DCD4 #F2A68D #000000
Copied!

5. Work Sans + Merriweather

1
<link href="https://fonts.googleapis.com/css?family=Merriweather:300|Work+Sans:700,800" rel="stylesheet">
2
​
3
font-family: 'Work Sans', sans-serif;
4
​
5
font-family: 'Merriweather', serif;
6
​
7
#000000 #20C1BD #3D3D3D
Copied!

6. Ultra + Work Sans

1
<link href="https://fonts.googleapis.com/css?family=Ultra|Work+Sans:400,500" rel="stylesheet">
2
​
3
font-family: 'Work Sans', sans-serif;
4
​
5
font-family: 'Ultra', serif;
6
​
7
#DF0054 #FFD900 #FFFFFF
Copied!

7. Cormorant Garamond + Khula

1
<link href="https://fonts.googleapis.com/css?family=Cormorant+Garamond:400,700|Khula" rel="stylesheet">
2
​
3
font-family: 'Cormorant Garamond', serif;
4
​
5
font-family: 'Khula', sans-serif;
6
​
7
#9B9A94 #E0CBC4 #EBE4DE #131310
Copied!

8. Playfair Display + Montserrat

1
<link href="https://fonts.googleapis.com/css?family=Montserrat:300,700|Playfair+Display:400i" rel="stylesheet">
2
​
3
font-family: 'Playfair Display', serif;
4
​
5
font-family: 'Montserrat', sans-serif;
6
​
7
#000000 #D2AE90 #403F47
Copied!

9. Satisfy + Halant + Montserrat

1
<link href="https://fonts.googleapis.com/css?family=Halant|Montserrat:700|Satisfy" rel="stylesheet">
2
​
3
font-family: 'Montserrat', sans-serif;
4
​
5
font-family: 'Satisfy', cursive;
6
​
7
font-family: 'Halant', serif;
8
​
9
#DD7564 #1FA5A6 #B2DEDD #F0EDE6
Copied!

10. Montserrat + Josefin Sans

1
<link href="https://fonts.googleapis.com/css?family=Josefin+Sans:300,700|Montserrat:700" rel="stylesheet">
2
​
3
font-family: 'Montserrat', sans-serif;
4
​
5
font-family: 'Josefin Sans', sans-serif;
6
​
7
#4F6C6B #1E292B #F7DDD9 #EDEDED
Copied!

11. Libre Baskerville + Work Sans

1
<link href="https://fonts.googleapis.com/css?family=Libre+Baskerville:400,700|Work+Sans:700" rel="stylesheet">
2
​
3
font-family: 'Libre Baskerville', serif;
4
​
5
font-family: 'Work Sans', sans-serif;
Copied!

12. Dancing Script + Open Sans

1
<link href="https://fonts.googleapis.com/css?family=Dancing+Script:700|Open+Sans:300,400" rel="stylesheet">
2
​
3
font-family: 'Dancing Script', cursive;
4
5
font-family: 'Open Sans', sans-serif;
6
​
7
#6B5875 #FFE6A9 #EAE6E1 #6B686D
Copied!

13. Karla + Zilla Slab

1
<link href="https://fonts.googleapis.com/css?family=Karla:400,700|Zilla+Slab:300" rel="stylesheet">
2
​
3
font-family: 'Karla', sans-serif;
4
​
5
font-family: 'Zilla Slab', serif;
6
​
7
#5F6368 #989BA4 #F2D4D1 #F9F0E7
Copied!

14. Taviraj + Lato

1
<link href="https://fonts.googleapis.com/css?family=Lato:300,700|Taviraj" rel="stylesheet">
2
​
3
font-family: 'Taviraj', serif;
4
​
5
font-family: 'Lato', sans-serif;
6
​
7
#A5AA93 #F0E5D3 #F3D0B5 #6A6A6A
Copied!

15. Cormorant SC + Cormorant Garamond

1
<link href="https://fonts.googleapis.com/css?family=Cormorant+Garamond|Cormorant+SC:300,500" rel="stylesheet">
2
​
3
font-family: 'Cormorant SC', serif;
4
​
5
#99ABB9 #B0B0B0 #60686E #DAE0E6
Copied!

16. Josefin Sans + Montserrat

1
<link href="https://fonts.googleapis.com/css?family=Josefin+Sans:100,600|Montserrat:300,500" rel="stylesheet">
2
​
3
font-family: 'Josefin Sans', sans-serif;
4
​
5
font-family: 'Montserrat', sans-serif;
6
​
7
#000000 #8DE0C6 #FFF8BE
Copied!

17. Poppins + Work Sans

1
<link href="https://fonts.googleapis.com/css?family=Karla:Poppins:100,400|Work+Sans" rel="stylesheet">
2
​
3
font-family: 'Poppins', sans-serif;
4
​
5
font-family: 'Work Sans', sans-serif;
6
​
7
#D5D0CC #F9F4F0 #FFFFFF #000000
Copied!

18. Archivo + PT Serif

​
1
<link href="https://fonts.googleapis.com/css?family=Archivo:700|PT+Serif" rel="stylesheet">
2
​
3
font-family: 'Archivo', sans-serif;
4
​
5
font-family: 'PT Serif', serif;
Copied!
Last modified 7mo ago