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

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

2. Barlow + Rasa

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

3. Raleway

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

4. Playfair Display + Gothic A1

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

5. Work Sans + Merriweather

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

6. Ultra + Work Sans

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

7. Cormorant Garamond + Khula

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

8. Playfair Display + Montserrat

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

9. Satisfy + Halant + Montserrat

<link href="https://fonts.googleapis.com/css?family=Halant|Montserrat:700|Satisfy" rel="stylesheet">
​
font-family: 'Montserrat', sans-serif;
​
font-family: 'Satisfy', cursive;
​
font-family: 'Halant', serif;
​
#DD7564 #1FA5A6 #B2DEDD #F0EDE6

10. Montserrat + Josefin Sans

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

11. Libre Baskerville + Work Sans

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

12. Dancing Script + Open Sans

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

13. Karla + Zilla Slab

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

14. Taviraj + Lato

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

15. Cormorant SC + Cormorant Garamond

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

16. Josefin Sans + Montserrat

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

17. Poppins + Work Sans

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

18. Archivo + PT Serif

​

<link href="https://fonts.googleapis.com/css?family=Archivo:700|PT+Serif" rel="stylesheet">
​
font-family: 'Archivo', sans-serif;
​
font-family: 'PT Serif', serif;