ウォームカラーパレット

陽光のゴールドからディープテラコッタまで広がる、温かみのあるカラーパレットです。

#E74C3C
#E67E22
#F1C40F
#D35400
#C0392B
#F39C12

Colors in This Palette

#E74C3C
RGB(231, 76, 60)
HSL(6°, 78%, 57%)
#E67E22
RGB(230, 126, 34)
HSL(28°, 80%, 52%)
#F1C40F
RGB(241, 196, 15)
HSL(48°, 89%, 50%)
#D35400
RGB(211, 84, 0)
HSL(24°, 100%, 41%)
#C0392B
RGB(192, 57, 43)
HSL(6°, 63%, 46%)
#F39C12
RGB(243, 156, 18)
HSL(37°, 90%, 51%)

Color Values Reference

ColorNameHEXRGBHSL
アリザリンレッド#E74C3C231, 76, 606°, 78%, 57%
タンジェリン#E67E22230, 126, 3428°, 80%, 52%
サンライト#F1C40F241, 196, 1548°, 89%, 50%
パンプキン#D35400211, 84, 024°, 100%, 41%
ザクロ#C0392B192, 57, 436°, 63%, 46%
アンバー#F39C12243, 156, 1837°, 90%, 51%

How to Use the Warm Color Palette

陽光のゴールドからディープテラコッタまで広がる、温かみのあるカラーパレットです。

  • This palette establishes a strong emotional tone — use it consistently across your brand touchpoints for maximum impact.
  • In UI design, reserve the boldest color as an accent for CTAs and interactive elements, using softer tones for backgrounds.
  • Test color combinations for WCAG accessibility compliance, especially when pairing light pastels or bright neons with white text.
  • Download this palette as a reference and import the HEX values directly into your design tool of choice (Figma, Sketch, Adobe XD).

About This Color Scheme

The Warm Color Palette contains 6 carefully curated colors that work harmoniously together. Each color has been selected to complement the others, creating a cohesive visual identity suitable for both digital and print applications.

Whether you're designing a website, creating social media content, building a brand identity, or decorating a space, this palette provides a ready-made foundation. Click on any individual color to explore its tints, shades, harmonies, and detailed color information.