Four Seasons color palette
TravelFour Seasons uses a refined, monochrome-inspired palette centered on black, white, and elegant grays, reflecting its luxury hospitality positioning. The brand's color identity emphasizes timeless sophistication and understated elegance.
fourseasons.comFour Seasons colors
Click any swatch to copy its hex. Hover for RGB and HSL.
Brand colors
The colors people recognise.- Four Seasons BlackPrimary0, 0, 0
- Four Seasons WhiteSecondary255, 255, 255
- Four Seasons Silver GrayAccent189, 189, 189
Surfaces
Page, cards and dividers.- Four Seasons Light GrayBackground245, 245, 245
- Four Seasons Ultra LightSurface250, 250, 250
- Four Seasons Border GrayBorder224, 224, 224
Text
Three tiers of copy.- Four Seasons CharcoalText34, 34, 34
- Four Seasons Medium GraySecondary text117, 117, 117
- Four Seasons Muted GrayMuted text158, 158, 158
Semantic
Feedback and state colors.- Four Seasons Olive GreenSuccess107, 142, 35
- Four Seasons AmberWarning255, 193, 7
- Four Seasons CrimsonError211, 47, 47
- Four Seasons Deep BlueInfo25, 118, 210
Use Four Seasons's colors in your project
Pick a format, copy or download. Everything below is generated from the exact hex values above.
four-seasons-palette-colors.css · Paste into your global stylesheet.
:root {
--info: #1976D2;
--error: #D32F2F;
--accent: #BDBDBD;
--border: #E0E0E0;
--primary: #000000;
--success: #6B8E23;
--surface: #FAFAFA;
--warning: #FFC107;
--secondary: #FFFFFF;
--text-muted: #9E9E9E;
--background: #F5F5F5;
--text-primary: #222222;
--text-secondary: #757575;
}Contrast and accessibility
Every text tone tested against every surface, per WCAG 2.1.
Text on background
Needs 4.5:1 for body text
14.6:1
Pass
Text on surface
Needs 4.5:1 for body text
15.2:1
Pass
Secondary text on background
Needs 4.5:1 for body text
4.2:1
Fail
Secondary text on surface
Needs 4.5:1 for body text
4.4:1
Fail
Muted text on background
Needs 3:1 for large text
2.5:1
Fail
Muted text on surface
Needs 3:1 for large text
2.6:1
Fail
Four Seasons gray and neutral colors
The quiet part of the Four Seasons palette: page background, card surfaces, dividers and the three text tones that sit on them. Click a value to copy it.
- Four Seasons Light GrayBackground
- HEX
- RGB
- HSL
- Four Seasons Ultra LightSurface
- HEX
- RGB
- HSL
- Four Seasons Border GrayBorder
- HEX
- RGB
- HSL
- Four Seasons CharcoalText
- HEX
- RGB
- HSL
- Four Seasons Medium GraySecondary text
- HEX
- RGB
- HSL
- Four Seasons Muted GrayMuted text
- HEX
- RGB
- HSL
About Four Seasons's colors
Four Seasons' palette is rooted in monochrome tones, with subtle accents to convey luxury and tranquility. The restrained use of color supports a timeless, high-end brand experience.
Primary black and white create strong contrast for clarity.
Grays are used for hierarchy and subtle separation.
Accent colors are reserved for functional states and highlights.
Psychology
Black and white communicate sophistication, exclusivity, and trust. The muted grays and minimal accent colors evoke calm and understated confidence.
Evolution
The Four Seasons palette has remained consistent, focusing on monochrome elegance since its inception. Minor adjustments have been made to gray tones for improved digital accessibility.
Where Four Seasons uses each color
- Primary
Used for the logo, navigation bar, and key headings.
- Secondary
Backgrounds, negative space, and section dividers.
- Accent
Subtle highlights, icons, and UI elements such as buttons on hover.
- Backgrounds
Main page backgrounds and content sections.
- Text
Primary body text, headings, and muted text for secondary information.
- Semantic
Success, warning, error, and info states in forms and notifications.
Four Seasons color questions
Hex codes, RGB values, neutrals and how to use the palette.
The official Four Seasons primary brand color is black, hex code #000000.
Four Seasons Black is #000000, which is RGB(0, 0, 0) and CMYK(0, 0, 0, 100).
Four Seasons uses a range of grays including #BDBDBD (Silver Gray), #757575 (Medium Gray), and #9E9E9E (Muted Gray) for UI and text elements.
Use black (#000000) for logos and primary navigation, white (#FFFFFF) for backgrounds, and grays for text and borders; reserve accent and semantic colors for functional UI states.
The secondary color is Four Seasons White, #FFFFFF, and the accent is Four Seasons Silver Gray, #BDBDBD. Together with the primary they make up the three brand colors at the top of this page.
2 of 6 text and background pairings meet WCAG 2.1 AA contrast. The contrast section above shows every pairing with its exact ratio.
Use the export block on this page. It gives you CSS custom properties, a Tailwind config, W3C design tokens or a shadcn/ui theme built from these exact hex values, with copy and download buttons.
Yes. Export the Claude Code skill, Cursor rules or Codex prompt from the same block. The agent then applies Four Seasons's colors consistently when it generates UI.
Make something in the spirit of Four Seasons
Start from this palette's mood and get an original 13-color system for your own project, contrast-checked and ready to export.