Thistle is a soft, muted lavender shade—soothing and ethereal. It lies between violet and mauve on the color wheel, with delicate pink undertones. Related shades include wisteria and periwinkle. Use thistle in designs for a touch of gentle charm and tranquility.
Thistle is defined by the following color codes and values to ensure consistency across various digital platforms and devices.
- Hex Code: #D8BFD8
- RGB value: 84.7% red, 74.9% green, 84.7% blue
Accessibility considerations play a crucial role in UX and UI design color choices. Figma offers plugins in the Community to make sure your designs meet Web Content Accessibility Guidelines
For variations within the same spectrum as Thistle, consider:
- Lavender (#d3d3ff): Offers a soft, muted pastel tone, sharing the same gentle and calming nature as Thistle.
- Mauve (#e0afff): This color shares Thistle’s soft purple hue, with a slightly warmer tint, maintaining a delicate and soothing appearance.
- Lilac (#a47dab): Combines pale purple tones and gray undertones like Thistle, giving it a similarly tranquil and airy feel.
- Orchid (#ed80e9): Features a light purple tint that mirrors Thistle’s subtle yet vivid charm, with a slightly more saturated hue.
To complement Thistle, consider pairing it with:
- Burnt orange (#BE5103): Offers a warm contrast that brings out the soft, romantic tones of thistle with an autumnal flair.
- Forest green (#2E6F40): Provides a rich, natural contrast, adding depth and an organic feel alongside thistle's gentleness.
- Silver (#C4C4C4): Creates a sleek, refined palette, enhancing thistle's softness while maintaining a modern appeal.
- Slate gray (#6D8196): Offers a grounding effect, balancing thistle’s pastel nature with a serene, sophisticated touch.
- Ivory (#FFFFE3): Provides a warm, neutral backdrop, allowing thistle's elegance to subtly stand out.
While Thistle is a soft, muted shade, it may clash with:
- Cinnabar (#e84b3d): The intense warmth and saturation of cinnabar can overpower the subtle coolness of thistle, creating a jarring contrast.
- Forest Green (#2e6f40): The deep, earthy tones of forest green can overshadow thistle's delicate and airy quality, resulting in a visually unbalanced pairing.
- Cyan (#00ffff): The bright and vibrant nature of cyan can clash with the gentle and muted tones of thistle, leading to a harsh visual contrast.
- Dark Purple (#341539): The heavy and rich hue of dark purple can make thistle appear washed out and less prominent, disrupting harmony between the two.
- Bright Yellow (#ffed29): The high energy and intensity of bright yellow can conflict with thistle's soft tranquility, resulting in a palette that feels dissonant.
Color variations
Shades
Tints
Tones
Hues
Color harmonies
Complementary
Split
Monochromatic
Analogous
Triadic
Square
Custom palettes
Thistle Harmony
Spring Whisper
Opulent Dreamscape
Contrast checker
Contrast 1.7
- Large Text
#D8BFD8
- Normal Text
How you design, align, and build matters. Do it together with Figma.
| Category | ||
|---|---|---|
Fail | Fail | |
Fail | Fail | |
Fail | Fail |
Contrast 12.36
- Large Text
#D8BFD8
- Normal Text
How you design, align, and build matters. Do it together with Figma.
| Category | ||
|---|---|---|
Pass | Pass | |
Pass | Pass | |
Pass | Pass |
Color simulations
Protanopia
Deuteranopia
Tritanopia
Achromatopsia
The hexadecimal color #D8BFD8, known as Thistle, has RGB values of R:216, G:191, B:216 and CMYK values of C:0, M:12, Y:0, K:15.
| VALUE | CSS | |
|---|---|---|
| HEX | #D8BFD8 | #D8BFD8 |
| RGB DECIMAL | 216, 191, 216 | RGB(216,191,216) |
| RGB PERCENTAGE | 84.7, 74.9, 84.7 | RGB(84.7%,74.9%,84.7%) |
| CMYK | 0, 12, 0, 15 | |
| HSL | HSL(300.0, 24.3%, 79.8%) | HSL(300.0, 24.3%, 79.8%) |
| HSV (OR HSB) | 300.0°, 11.6, 84.7 | |
| WEB SAFE | #204204204 | #204204204 |
| BINARY | 11011000, 10111111, 11011000 | |
| iOS - SwiftUI | Color(red: 0.847, green: 0.749, blue: 0.847) | |
| iOS - UIKit | UIColor(red: 0.847, green: 0.749, blue: 0.847, alpha: 1) | |
| Android - Compose | Color(0xFFD8BFD8) |
