Culture Trip color palette
TravelCulture Trip uses a bold, energetic palette centered around a signature coral pink, paired with deep charcoal and clean white for contrast. The color system is designed for digital clarity and a modern travel aesthetic.
culturetrip.comCulture Trip colors
Click any swatch to copy its hex. Hover for RGB and HSL.
Brand colors
The colors people recognise.- Culture Trip CoralPrimary255, 56, 92
- Culture Trip CharcoalSecondary34, 34, 34
- Culture Trip GoldAccent255, 215, 0
Surfaces
Page, cards and dividers.- Culture Trip WhiteBackground255, 255, 255
- Culture Trip Light GraySurface247, 247, 247
- Culture Trip Border GrayBorder224, 224, 224
Text
Three tiers of copy.- Culture Trip CharcoalText34, 34, 34
- Culture Trip Medium GraySecondary text117, 117, 117
- Culture Trip Muted GrayMuted text189, 189, 189
Semantic
Feedback and state colors.- Culture Trip GreenSuccess0, 196, 140
- Culture Trip AmberWarning255, 179, 0
- Culture Trip RedError255, 23, 68
- Culture Trip BlueInfo41, 121, 255
Use Culture Trip's colors in your project
Pick a format, copy or download. Everything below is generated from the exact hex values above.
culture-trip-palette-colors.css · Paste into your global stylesheet.
:root {
--info: #2979FF;
--error: #FF1744;
--accent: #FFD700;
--border: #E0E0E0;
--primary: #FF385C;
--success: #00C48C;
--surface: #F7F7F7;
--warning: #FFB300;
--secondary: #222222;
--text-muted: #BDBDBD;
--background: #FFFFFF;
--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
15.9:1
Pass
Text on surface
Needs 4.5:1 for body text
14.9:1
Pass
Secondary text on background
Needs 4.5:1 for body text
4.6:1
Pass
Secondary text on surface
Needs 4.5:1 for body text
4.3:1
Fail
Muted text on background
Needs 3:1 for large text
1.9:1
Fail
Muted text on surface
Needs 3:1 for large text
1.8:1
Fail
Culture Trip gray and neutral colors
The quiet part of the Culture Trip palette: page background, card surfaces, dividers and the three text tones that sit on them. Click a value to copy it.
- Culture Trip WhiteBackground
- HEX
- RGB
- HSL
- Culture Trip Light GraySurface
- HEX
- RGB
- HSL
- Culture Trip Border GrayBorder
- HEX
- RGB
- HSL
- Culture Trip CharcoalText
- HEX
- RGB
- HSL
- Culture Trip Medium GraySecondary text
- HEX
- RGB
- HSL
- Culture Trip Muted GrayMuted text
- HEX
- RGB
- HSL
About Culture Trip's colors
Culture Trip’s palette is anchored by a vibrant coral, evoking energy and approachability, balanced with deep charcoal and soft neutrals for readability. Accents of gold and blue add vibrancy and guide user attention.
Primary coral contrasts with charcoal for strong UI hierarchy.
Gold and blue accents highlight calls to action and links.
Grays provide neutral backgrounds and text for clarity.
Psychology
The coral pink conveys warmth, creativity, and a sense of adventure, aligning with travel inspiration. Charcoal and grays ground the palette, ensuring professionalism and legibility.
Evolution
The core coral and charcoal pairing has remained stable since Culture Trip's 2018 rebrand. Minor adjustments have been made to accent and neutral tones for improved digital accessibility.
Where Culture Trip uses each color
- Primary
Culture Trip Coral is used for primary buttons, highlights, and key navigation elements.
- Secondary
Culture Trip Charcoal is used for headers, navigation backgrounds, and primary text.
- Accent
Culture Trip Gold appears in badges, highlights, and select icons.
- Backgrounds
Culture Trip White and Light Gray are used for main page backgrounds and cards.
- Text
Charcoal and Medium Gray are used for primary and secondary text, with Muted Gray for disabled or less prominent text.
- Semantic
Green, Amber, Red, and Blue are used for status indicators, alerts, and informational messages.
Culture Trip color questions
Hex codes, RGB values, neutrals and how to use the palette.
The official Culture Trip brand color is Culture Trip Coral, with the hex code #FF385C.
Culture Trip Coral (#FF385C) in RGB is (255, 56, 92) and in CMYK is approximately (0, 78, 64, 0).
Culture Trip uses Charcoal (#222222), Light Gray (#F7F7F7), Border Gray (#E0E0E0), Medium Gray (#757575), and Muted Gray (#BDBDBD) for UI backgrounds, borders, and text.
Use Culture Trip Coral (#FF385C) for primary actions and highlights, Charcoal (#222222) for main text and navigation, and grays for backgrounds and secondary elements to maintain brand consistency.
The secondary color is Culture Trip Charcoal, #222222, and the accent is Culture Trip Gold, #FFD700. Together with the primary they make up the three brand colors at the top of this page.
3 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 Culture Trip's colors consistently when it generates UI.
Make something in the spirit of Culture Trip
Start from this palette's mood and get an original 13-color system for your own project, contrast-checked and ready to export.