# Power Style Themes

Here are some great combinations of fonts and colors that you can give a try inside of the [Power Style Editor](https://playeah-docs.robgalvin.co/power-style-editor/power-style-editor-overview). You can also mix it up by swapping out colors and fonts.

## 1. Karla + Martel

![](https://b5u2r7a9.stackpathcdn.com/wp-content/uploads/2018/08/font-color-combinations-feminine-website-1.jpg)

```
<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

![](https://b5u2r7a9.stackpathcdn.com/wp-content/uploads/2018/08/font-color-combinations-feminine-website-2.jpg)

```
<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

![](https://b5u2r7a9.stackpathcdn.com/wp-content/uploads/2018/08/font-color-combinations-feminine-website-3.jpg)

```
<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

![](https://b5u2r7a9.stackpathcdn.com/wp-content/uploads/2018/08/font-color-combinations-feminine-website-4.jpg)

```
<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

![](https://b5u2r7a9.stackpathcdn.com/wp-content/uploads/2018/08/font-color-combinations-feminine-website-5.jpg)

```
<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

![](https://b5u2r7a9.stackpathcdn.com/wp-content/uploads/2018/08/font-color-combinations-feminine-website-6.jpg)

```
<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

![](https://b5u2r7a9.stackpathcdn.com/wp-content/uploads/2018/08/font-color-combinations-feminine-website-7.jpg)

```
<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

![](https://b5u2r7a9.stackpathcdn.com/wp-content/uploads/2018/08/font-color-combinations-feminine-website-8.jpg)

```
<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

![](https://b5u2r7a9.stackpathcdn.com/wp-content/uploads/2018/08/font-color-combinations-feminine-website-9.jpg)

```
<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

![](https://b5u2r7a9.stackpathcdn.com/wp-content/uploads/2018/08/font-color-combinations-feminine-website-10.jpg)

```
<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

![](https://b5u2r7a9.stackpathcdn.com/wp-content/uploads/2018/08/font-color-combinations-feminine-website-11.jpg)

```
<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

![](https://b5u2r7a9.stackpathcdn.com/wp-content/uploads/2018/08/font-color-combinations-feminine-website-12.jpg)

```
<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

![](https://b5u2r7a9.stackpathcdn.com/wp-content/uploads/2018/08/font-color-combinations-feminine-website-13.jpg)

```
<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

![](https://b5u2r7a9.stackpathcdn.com/wp-content/uploads/2018/08/font-color-combinations-feminine-website-14.jpg)

```
<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

![](https://b5u2r7a9.stackpathcdn.com/wp-content/uploads/2018/08/font-color-combinations-feminine-website-15.jpg)

```
<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

![](https://b5u2r7a9.stackpathcdn.com/wp-content/uploads/2018/08/font-color-combinations-feminine-website-16.jpg)

```
<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

![](https://b5u2r7a9.stackpathcdn.com/wp-content/uploads/2018/08/font-color-combinations-feminine-website-17.jpg)

```
<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

![](https://b5u2r7a9.stackpathcdn.com/wp-content/uploads/2018/08/font-color-combinations-feminine-website-18.jpg)

```
<link href="https://fonts.googleapis.com/css?family=Archivo:700|PT+Serif" rel="stylesheet">

font-family: 'Archivo', sans-serif;

font-family: 'PT Serif', serif;
```