Brand Assets

Download official Castle logos and access our brand color palette for consistent brand representation.

Logo

Icon Only

White

Black

Blue

Full Logo (with wordmark)

White

Black

Blue + White

Blue + Black

Color Palette

Light Mode

Brand Blue

Primary brand color used for CTAs and highlights

#365eed

oklch(54.4% 0.2197 266.7)

Background

Page background color

#f1f3f5

oklch(95.6% 0.0044 247.9)

Primary Text

Main body text and headings

#11181c

oklch(21.3% 0.0131 255.0)

Secondary Text

Muted text and descriptions

#687076

oklch(51.9% 0.0131 255.0)

Dark Mode

Brand Blue

Primary brand color used for CTAs and highlights

#3d63dd

oklch(54.3% 0.1913 266.8)

Background

Page background color

#111113

oklch(14.1% 0.0044 286.0)

Primary Text

Main body text and headings

#ecedee

oklch(94.4% 0.0044 247.9)

Secondary Text

Muted text and descriptions

#9ba1a6

oklch(70.0% 0.0131 247.9)

Typography

Headings

Large (Hero headings) text-4xl → text-7xl

The quick brown fox

Medium (Section titles) text-3xl → text-6xl

The quick brown fox

Small (Item titles) text-2xl → text-5xl

The quick brown fox

X-Small (Smaller item titles) text-lg → text-3xl

The quick brown fox

XX-Small (Footer headings) text-lg

The quick brown fox

Paragraphs

Large (Top-level descriptions) text-lg

The quick brown fox jumps over the lazy dog. This sentence contains every letter of the alphabet and is commonly used for typography samples.

Medium (Item descriptions) text-base

The quick brown fox jumps over the lazy dog. This sentence contains every letter of the alphabet and is commonly used for typography samples.

Gradient

Gradient Background Download SVG