Luxurious Architectural Off-White
Category: Neutral
Alabaster (#F2F0EB) — Color Codes, Meaning & UI Palettes
Named after the smooth translucent mineral used in ancient classical sculpture, Alabaster is a warm, creamy off-white that radiates quiet luxury, purity, and architectural calm.
Click to Copy HEX
Alabaster
#F2F0EB
HEX
#F2F0EB
RGB
rgb(242, 240, 235)
HSL
hsl(43deg, 21%, 94%)
CMYK (Print)
cmyk(0%, 1%, 3%, 5%)
Apple Display P3
color(display-p3 0.949 0.941 0.922)
WCAG 2.1 Accessibility & Contrast Rating
White Text (#FFFFFF)
1.14:1 (Fail)
Black Text (#000000)
18.44:1 (AAA)
11-Step Tints & Shades Scale (Tailwind 50–950)
Mathematically balanced luminance scale for design tokens and CSS color palettes. Click any shade to copy hex code:
50
#FEFEFE
100
#FDFDFC
200
#FBFAF9
300
#F8F7F5
400
#F5F4F0
500
#F2F0EB
600
#C2C0BC
700
#91908D
800
#61605E
900
#353534
950
#1D1D1C
Color Harmonies & Palette Schemes
Complementary
#ECEEF3
Opposite 180° Contrast
Analogous -30°
#F3EEEC
Natural Harmony
Analogous +30°
#F2F3EC
Natural Harmony
Triadic +120°
#ECF3F1
120° Balanced Triad
Triadic +240°
#F1ECF3
120° Balanced Triad
Curated UI Design Pairings for Alabaster
The ultimate background color for editorial magazines, luxury portfolio websites, and high-end eCommerce that wish to avoid cold optical glare.
Matte Carbon
#18181B
High-Contrast Editorial Text
Metallic Rose Gold
#B76E79
Luxury Accent Highlight
Warm Travertine
#BFB8AF
Subtle Card Surface
Deep Navy
#0F172A
Authoritative Heading
Export Alabaster Code Snippets
CSS Variable
--color-alabaster-color: #F2F0EB;
Tailwind Config
'alabaster-color': '#F2F0EB'
Swift / SwiftUI
Color(hex: "#F2F0EB")
JSON Design Token
{"name": "Alabaster", "hex": "#F2F0EB"}
Explore More Colors in the Dictionary
Browse our complete catalog of curated named colors, harmonic palettes, and accessible UI combinations.