Brand & Press

ClearBreaths Logo, Colors & Brand Kit

Everything you need to represent ClearBreaths accurately — our logo, color palette with hex codes, typography, and tone. For press or partnership requests, email hello@clearbreaths.com.

ClearBreaths logo

The ClearBreaths mark. Keep clear space around it equal to its own height, and don't recolor, rotate, or stretch it. Use the mark on a dark background for best contrast.

ClearBreaths

Logo & cover downloads

Official ready-to-use assets — the app icon, full logo, and branded covers for Facebook, LinkedIn, and link shares. Free to use when referring to ClearBreaths.

Logo icon

App icon, avatars, favicons · 1024×1024

PNG WebP

Full logo

Horizontal lockup with wordmark · 1536×1024

PNG WebP

Facebook cover

Facebook page cover · 1536×584

PNG WebP

LinkedIn banner

LinkedIn page banner · 1536×384

PNG WebP

Share cover

Link previews / social shares · 1200×630

PNG WebP

ClearBreaths brand colors & hex codes

Our accent palette. Source values are OKLch; hex equivalents are approximate.

Logo Blue

Primary accent

#3B7FF5

oklch(0.64 0.19 252)

Logo Cyan

Secondary accent

#62BEEA

oklch(0.79 0.12 220)

Moss

Calm / success accent

#86B89C

oklch(0.74 0.06 160)

Amber

Warm highlight

#C9967D

oklch(0.74 0.09 35)

Neutrals

Background

Page base

#10131A

oklch(0.16 0.012 250)

Raised Surface

Cards / panels

#161B23

oklch(0.19 0.013 250)

Surface

Elevated UI

#1E232C

oklch(0.22 0.013 250)

Text

Primary text

#F5F2EC

oklch(0.96 0.012 80)

Muted

Secondary text

#CDC9C0

oklch(0.82 0.014 80)

Line

Borders

#3A414C

oklch(0.32 0.016 250)

Fonts & typography

Geist

Display & body — weights 300–800. The whole interface uses Geist.

Geist Mono — eyebrows, labels & code

Voice

Calm, plain-spoken, and reassuring. ClearBreaths is a wellbeing tool — guided breathwork for sleep, calm, focus, and energy — not a medical treatment. We avoid hype and clinical jargon, and we never overpromise.

Questions about brand usage? Contact hello@clearbreaths.com.