Cabin Fire
Warm embers, wood and wool for cozy winter themes.
Color codes
| HEX | RGB | HSL | CMYK | |
|---|---|---|---|---|
| hsl(12, 30%, 13%) | cmyk(0%, 37%, 47%, 83%) | |||
| hsl(15, 50%, 24%) | cmyk(0%, 50%, 66%, 64%) | |||
| hsl(13, 58%, 41%) | cmyk(0%, 58%, 73%, 36%) | |||
| hsl(31, 74%, 62%) | cmyk(0%, 30%, 62%, 10%) | |||
| hsl(38, 70%, 86%) | cmyk(0%, 8%, 21%, 4%) |
CSS
:root {
--cabin-fire-1: #2B1B17;
--cabin-fire-2: #5C2E1F;
--cabin-fire-3: #A4452C;
--cabin-fire-4: #E6A157;
--cabin-fire-5: #F4E1C1;
}How these colors work together
The colors are analogous — neighbors on the color wheel — which gives a calm, cohesive feel. Overall it reads warm. Lightness spans 73 points, which sets how much contrast you can create.
5 of 10 color pairs reach the 4.5:1 contrast needed for normal text. The most readable pair is #2B1B17 on #F4E1C1 (12.88:1).
Cabin Fire — readable text using the best pair.
Suggested applications
- Holiday campaigns and cozy seasonal content.
- Interface themes: use the lightest color for backgrounds and the darkest for text.
- Brand kits, social graphics and presentations.
Frequently asked questions
How do I use the Cabin Fire palette?
The Cabin Fire palette has 5 colors. Use one dominant color for large areas, a supporting color for secondary elements and the most saturated color sparingly as an accent.
Which colors in this palette are best for text?
Use #2B1B17 on #F4E1C1: it has a contrast ratio of 12.88:1.
Can I download this palette?
Yes. Export it as PNG, SVG, CSS variables, JSON or plain text with the buttons above the color table.