Brand kit & design system

The colors, type, logo, and components behind Ocean Blue Corporation — the single source of truth for a consistent brand.

Logo

Primary wordmark. Keep clear space around it and don't recolor or distort.

One decisive Ocean-Blue accent, a cyan secondary, deep navy darks, and a single cool slate neutral family. Click any value to copy.

Brand — Ocean Blue

Cobalt
Primary accent — buttons, links, active states
#1d4ed8

Cobalt 600
Hover / gradient depth
#1740ad

Cobalt 100
Tints, chips, soft fills
#dbe6fe

Accent
Cyan
Secondary accent
#2ad8ef

Cyan 400
Accents on dark surfaces
#5ce0f7

Indigo
Tertiary / data viz
#6366f1

Dark surfaces

Ink
Deepest — hero / CTA
#050912

Navy
Feature bands
#0a1730

Navy 2
Raised dark surface
#0e2147

Neutrals

Text
Headings / body
#0f172a

Text muted
Secondary text
#475569

Line
Hairlines / borders
#e2e8f0

Surface
Section backgrounds
#f8fafc

Canvas
Base / cards
#ffffff

Geist Sans across display and body; Geist Mono for code and labels. Tight tracking on large display, relaxed line height on body.

H1
Section headline

H2
Subsection heading

H3
Card title

Body
Body copy sets the reading rhythm at a relaxed line height for clarity.

Small / caption
Captions, metadata, and labels.

Core interactive elements — buttons, chips, and cards use the rounded, cobalt-accented language sitewide.

Buttons

Primary
Secondary
Text link

Chips & radius
Badge
rounded-lg
rounded-2xl
(cards)