# Power Style Themes

Here are some great combinations of fonts and colors that you can give a try inside of the [Power Style Editor](/playeah-1/power-style-editor/power-style-editor-overview.md). 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;
```


---

# Agent Instructions: Querying This Documentation

If you need additional information that is not directly available in this page, you can query the documentation dynamically by asking a question.

Perform an HTTP GET request on the current page URL with the `ask` query parameter:

```
GET https://docs.superpowerups.com/playeah-1/power-style-editor/18-ready-to-use-google-fonts-combinations-and-color-palettes-for-a-feminine-styled.md?ask=<question>
```

The question should be specific, self-contained, and written in natural language.
The response will contain a direct answer to the question and relevant excerpts and sources from the documentation.

Use this mechanism when the answer is not explicitly present in the current page, you need clarification or additional context, or you want to retrieve related documentation sections.
