BRAND SYSTEM v1.0 • JUNE 2026

Gulf Colors
Brand Guide

Official color system for tklrace.com, social, email, merch, and trackside communications.

Explore the Palette View Combinations
01 — FOUNDATION

Full Color Palette

Click any swatch to copy HEX + RGB
Light Blue
#93dafe
147, 218, 254
Rich Cyan-Blue
#6ac5f4
106, 197, 244
Dark Blue
#192c76
25, 44, 118
Orange
#ff7403
255, 116, 3
Red-Orange
#fc510b
252, 81, 11
Soft Dark Grey
#092b2b
9, 43, 43
Black
#000000
0, 0, 0
White
#ffffff
255, 255, 255
These colors were chosen for high visibility on track, in photos, and on both light/dark digital surfaces.
02 — WEBSITE

Website Color Usage

Recommended roles for tklrace.com headers, buttons, text, and backgrounds.

Color Hex Best Used For on Website
Rich Cyan-Blue
#6ac5f4 PRIMARY ACCENT — Main buttons (Register, Tickets), links, hover highlights, featured sections.
Light Blue
#93dafe SECONDARY / SOFT — Card backgrounds, subtle hover states, light section dividers, secondary buttons.
Dark Blue
#192c76 STRUCTURE & HEADERS — Top navigation, hero headlines, footer, section titles. High contrast with white text.
Orange
#ff7403 CALL-TO-ACTION — Primary CTAs, event highlights, urgency elements. High energy for racing audience.
Red-Orange
#fc510b ALERTS & SECONDARY CTA — Important notices, sold-out states, high-visibility warnings.
White
#ffffff BACKGROUNDS & SPACE — Main content areas, card surfaces, text on dark sections.
Black
#000000 PRIMARY TEXT — Body copy, form labels, strong outlines. Maximum readability.
Soft Dark Grey
#092b2b MAIN DARK BACKGROUND — Hero sections, full-width dark areas. Subtle teal undertone ties to Gulf blues.
03 — MULTI-CHANNEL

Social, Email, Merch & Signage

Social Media

  • • Use #6ac5f4 + #ff7403 for hero accents on race photos.
  • • #93dafe works great for soft overlays and story backgrounds.
  • • Keep text contrast high (white on dark, black on light).

Emails

  • • Header bar: #192c76 Dark Blue
  • • Accent buttons: #6ac5f4 Rich Cyan
  • • Body text: Black on white
  • • Keep it clean and high contrast

Merch & Trackside

  • • Base: Black or Dark Blue shirts
  • • Print: Cyan or Orange for high visibility
  • • Large signage text: White on Dark Blue
  • • Cyan works well on black banners
04 — DECISION FRAMEWORK

Color Combinations & Cyan Guidance

KEY DECISION

Rich Cyan-Blue (#6ac5f4) vs Light Blue (#93dafe)

Rich Cyan-Blue (#6ac5f4)
  • • Primary buttons, main CTAs, featured sections
  • • Stronger visual weight and depth
  • • Slightly better contrast on white backgrounds
  • • Best when you need the element to "pop"
Light Blue (#93dafe)
  • • Hover states, card backgrounds, subtle highlights
  • • Airier, friendlier, more "sky" feeling
  • • Excellent for secondary elements and soft overlays
  • • Use when the accent should feel less dominant
Both share nearly identical hue (~200°). They feel cohesive together. Never layer one directly on top of the other — they have only 1.26:1 contrast.

High-Impact Recommended Combinations

Dark Blue + Rich Cyan
Hero sections, navigation, primary CTAs. Clean and modern with excellent contrast.
Dark Teal-Grey + Orange
High-energy racing feel. Orange feels electric against the subtle teal dark background.
White + Dark Blue
Content cards and body areas. Add Cyan or Orange accents for energy and CTAs.
Rich Cyan + Dark Blue
Bold feature blocks and emphasis areas. Dark text on cyan works surprisingly well.
05 — QUALITY & ACCESSIBILITY

Accessibility & Best Practices

Accessibility Notes

15:1
White text on #192c76 or #092b2b — Excellent. Safe for body text.
~4.8:1
#6ac5f4 on white — Good for large text and interactive UI elements.
Important: Never use light text on light backgrounds or layer the two cyan-blues directly on each other.
DO
  • Use #6ac5f4 for primary actions, #93dafe for hover/secondary
  • Keep accent colors consistent within one screen or post
  • Test contrast on both light and dark surfaces
  • Use #092b2b as the unifying dark background
DON'T
  • Use white/light text on #93dafe or #6ac5f4
  • Mix more than two accent colors in one graphic
  • Use low-contrast pairs for important buttons
  • Forget mobile & bright sunlight viewing at the track
This guide is for internal TKL Race & HCKC team use only.
Built for online viewing • Last updated June 2026