Deep Space Blue#1B2A49
Silver#C0C0C0
Vivid Red#D72631
Muted Olive#7A6F56
Charcoal Gray#4B4B4B
Palette direction

Space Blue Silver Color Palette

This space-themed palette balances cosmic energy with vintage warmth to reflect the retro and mystical vibe of the 'Highly Enlightened Lords of the Valley' ultimate frisbee jersey. The strong deep blue and vibrant silver main colors symbolize the vastness of space and enlightened wisdom, while red accents add dynamic energy. Support colors create subtle contrasts and depth without competing with the bold main colors, and the neutrals ensure clear legibility and interface hierarchy.

CustomFashion Beautyspaceretroultimate frisbeesports
palette-preview.example
Fashion Beauty color direction

Space Blue Silver Color Palette

This space-themed palette balances cosmic energy with vintage warmth to reflect the retro and mystical vibe of the 'Highly Enlightened Lords of the Valley' ultimate frisbee jersey. The strong deep blue and vibrant silver main colors symbolize the vastness of space and enlightened wisdom, while red accents add dynamic energy. Support colors create subtle contrasts and depth without competing with the bold main colors, and the neutrals ensure clear legibility and interface hierarchy.

Explore the color system
Logo contrast guide

Logo color pairings

ColorFly checks the palette colors against each other and suggests the clearest logo/background combinations.

Logo Pure White #FFFFFFon Deep Space Blue #1B2A4914.2:1 Excellent
Logo Rich Black #121212on Silver #C0C0C010.3:1 Excellent
Logo Pure White #FFFFFFon Vivid Red #D726315.0:1 Strong
Logo Rich Black #121212on Pure White #FFFFFF18.7:1 Excellent
Icon color
BackgroundDeep Space Blue#1B2A49TextPure White#FFFFFF
Primary Button14.25:1
AAA

Best for the main action users should notice first.

BackgroundSilver#C0C0C0TextRich Black#121212
Secondary Button10.30:1
AAA

Useful for softer choices and secondary paths.

BackgroundPure White#FFFFFFTextSilver#C0C0C0
Outlined Button1.82:1
Low

Good for lower-emphasis actions on light surfaces.

BackgroundPure White#FFFFFFTextSilver#C0C0C0
Text Button1.82:1
Low

A quiet action for links, navigation, and inline decisions.

Palette composition8 colorsCustom color relationship
9:41Space Blue Silver Color Palette Color role balance
Custom system
60% DominantNeutrals

Backgrounds, large surfaces, whitespace, and reading comfort.

30% SecondarySupport colors

Sections, secondary UI, illustrations, and repeated brand moments.

10% AccentMain colors

High-attention moments like primary actions and memorable highlights.

CSpace Blue Silver Color PaletteFashion Beauty brand direction ColorFly.design
Strategic palette preview
Why it works

A usable
color system.

The triadic scheme of deep space blue, vibrant silver, and vivid red creates a balanced and memorable identity reflecting both cosmic mystery and energetic spirit for the jersey.

Clear roles create a consistent brand experience.

Color Roles and Usage Map

Assign existing palette colors to brand, typography, and interface roles.

Brand identity

LogoUsed for logo marks and core brand symbols.Deep Space Blue #1B2A49
HeadlineUsed for main titles and key messages.Vivid Red #D72631
LinkUsed for links and interactive text.Silver #C0C0C0

Buttons

Primary Button
BackgroundDeep Space Blue #1B2A49
TextPure White #FFFFFF
Secondary Button
BackgroundSilver #C0C0C0
TextRich Black #121212
Outlined Button
BackgroundDeep Space Blue #1B2A49
TextSilver #C0C0C0

Interface

TextDefault readable body text.Rich Black #121212
Bg LightLight page or section background.Pure White #FFFFFF
Bg DarkDark page or section background.Ivory #F2F2F2
IconSmall interface icons and marks.Muted Olive #7A6F56
BorderCards, inputs, and component borders.Muted Olive #7A6F56
DividerSubtle separators between content.Muted Olive #7A6F56
OutlineFocus rings and emphasis outlines.Muted Olive #7A6F56

Palette Colors

A compact view of the brand, support, and neutral colors that make up this system.

Main (Brand) Colors

The triadic scheme of deep space blue, vibrant silver, and vivid red creates a balanced and memorable identity reflecting both cosmic mystery and energetic spirit for the jersey.

PrimaryDeep Space Blue

RolesLogo, Btn Primary Bg, Btn Outlined Border

Deep Space Blue conveys the infinite cosmos and calm wisdom, grounding the retro aesthetic with a mysterious, contemplative tone.

HEX#1B2A49
RGB27, 42, 73
HSL220, 46, 20
CMYK63, 42, 0, 71
SecondarySilver

RolesLink, Btn Secondary Bg, Btn Outlined Text

Silver brings a vibrant, futuristic shimmer representing enlightenment and celestial twinkles, complementing the deep blue with metallic brightness.

HEX#C0C0C0
RGB192, 192, 192
HSL0, 0, 75
CMYK0, 0, 0, 25
TertiaryVivid Red

RolesHeadline

Vivid Red delivers energetic highlights, evoking passion, excitement, and the dynamic spirit of sport, making key elements pop visually.

HEX#D72631
RGB215, 38, 49
HSL356, 70, 50
CMYK0, 82, 77, 16

Support Colors

Support colors provide subtle cosmic contrasts and warmth, enhancing depth and usability while staying visually subordinate to the main triadic colors.

Muted Olive

RolesIcon, Border, Divider, Outline

Muted Olive balances cool blue and bright silver by introducing an earthy tone that reflects the valley and vintage nostalgia, subtly grounding the palette.

HEX#7A6F56
RGB122, 111, 86
HSL42, 17, 41
CMYK0, 9, 30, 52
Charcoal Gray

Charcoal Gray complements silver backgrounds with clear, legible text while maintaining the modern space theme without overpowering the primary colors.

HEX#4B4B4B
RGB75, 75, 75
HSL0, 0, 29
CMYK0, 0, 0, 71

Neutral Colors

Utility colors for backgrounds, text, borders, and balance.

Pure White

RolesBg Light, Btn Primary Text

HEX#FFFFFF
RGB255, 255, 255
HSL0, 0, 100
CMYK0, 0, 0, 0
Ivory

RolesBg Dark

HEX#F2F2F2
RGB242, 242, 242
HSL0, 0, 95
CMYK0, 0, 0, 5
Rich Black

RolesText, Btn Secondary Text

HEX#121212
RGB18, 18, 18
HSL0, 0, 7
CMYK0, 0, 0, 93

Export and Handoff

Copy palette values for design systems, websites, and client handoff.

Color tokens

Use these in CSS when you want every raw palette color available by name. Best for websites, landing pages, and design system variables.

Use when: you need the actual colors.
:root {
  --color-deep-space-blue: #1B2A49;
  --color-silver: #C0C0C0;
  --color-vivid-red: #D72631;
  --color-muted-olive: #7A6F56;
  --color-charcoal-gray: #4B4B4B;
  --color-pure-white: #FFFFFF;
  --color-ivory: #F2F2F2;
  --color-rich-black: #121212;
}

Role tokens

Use these in CSS when colors are assigned to practical jobs like text, buttons, borders, links, and backgrounds.

Use when: you need UI roles, not just swatches.
:root {
  --role-logo: #1B2A49;
  --role-btn-primary-bg: #1B2A49;
  --role-btn-outlined-border: #1B2A49;
  --role-link: #C0C0C0;
  --role-btn-secondary-bg: #C0C0C0;
  --role-btn-outlined-text: #C0C0C0;
  --role-headline: #D72631;
  --role-icon: #7A6F56;
  --role-border: #7A6F56;
  --role-divider: #7A6F56;
  --role-outline: #7A6F56;
  --role-bg-light: #FFFFFF;
  --role-btn-primary-text: #FFFFFF;
  --role-bg-dark: #F2F2F2;
  --role-text: #121212;
  --role-btn-secondary-text: #121212;
}

JSON

Use this structured palette data in apps, generators, plugins, or tools that need to read the palette programmatically.

Use when: a developer or app needs data.
{
    "deep-space-blue": "#1B2A49",
    "silver": "#C0C0C0",
    "vivid-red": "#D72631",
    "muted-olive": "#7A6F56",
    "charcoal-gray": "#4B4B4B",
    "pure-white": "#FFFFFF",
    "ivory": "#F2F2F2",
    "rich-black": "#121212"
}
Press Space to load new palette