Terracotta Season
Earthy terracotta and rust from seasonal collections.
Color codes
| HEX | RGB | HSL | CMYK | |
|---|---|---|---|---|
| hsl(30, 57%, 89%) | cmyk(0%, 7%, 13%, 5%) | |||
| hsl(22, 64%, 68%) | cmyk(0%, 29%, 46%, 11%) | |||
| hsl(17, 55%, 53%) | cmyk(0%, 47%, 66%, 21%) | |||
| hsl(10, 54%, 36%) | cmyk(0%, 58%, 70%, 44%) | |||
| hsl(17, 30%, 19%) | cmyk(0%, 33%, 46%, 75%) |
CSS
:root {
--terracotta-season-1: #F3E3D3;
--terracotta-season-2: #E2A07A;
--terracotta-season-3: #C96A45;
--terracotta-season-4: #8E3B2A;
--terracotta-season-5: #3F2A22;
}How these colors work together
This is a monochromatic palette built around a single hue. Overall it reads warm. Lightness spans 70 points, which sets how much contrast you can create.
3 of 10 color pairs reach the 4.5:1 contrast needed for normal text. The most readable pair is #F3E3D3 on #3F2A22 (10.69:1).
Terracotta Season — readable text using the best pair.
Suggested applications
- Lookbooks, collections and retail displays.
- 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 Terracotta Season palette?
The Terracotta Season 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 #F3E3D3 on #3F2A22: it has a contrast ratio of 10.69: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.
More palettes
Denim Days#F1F1EE #C8D3E0 #6C8EBF #2F4F7F #1A2238Color Block#FF006E #FB5607 #FFBE0B #3A86FF #8338ECRunway Neutrals#F2EDE4 #D8C8B0 #A68A64 #5E4B3C #1F1A17Mint Gelato#E3F9F1 #B8F2E6 #AED9E0 #FFA69E #5E6472Desert Dunes#F2D6B3 #E0A96D #C2763B #8C4A2F #3B2A20Nordic Light#FFFFFF #EEF1F4 #C9D1D9 #6B7B8C #1F2933