Beaver Studio Mark
Beaver guidelines
/
Download Kit
03 / Color System

Primary Colors

Beaver Studio's visual identity relies on a high-contrast palette of Beaver Purple, Carbon Fiber, and Pure White.

Each shade represents depth and tangibility — ensuring clarity, contrast, and visual rhythm across strategy, brand identity, website design, and Framer development. It is bold, minimal, and instantly recognizable.

Pantone 2087 CClick to copy
#9D7EFCBeaver Purple
Pantone 426 CClick to copy
#262626Carbon Fiber
White CanvasClick to copy
#FFFFFFPure White
Tonal System

Full 11-Step Tonal Scales (50 – 950)

Carbon Fiber Neutral Scale
50#FFFFFF
100#F2F2F2
200#E6E6E6
300#CCCCCC
400#B3B3B3
500#7F7F7F
600#595959
700#404040
800#262626
900#191919
950#000000
Beaver Purple Scale
50#F6F3FF
100#EEE9FF
200#E0D8FF
300#C9BBFF
400#B19CFF
500#9D7EFC
600#8768F2
700#6F4EDB
800#5739B8
900#3F2A8A
950#251663
Color Standards

Pantone Specs

Official Pantone, RGB, and CMYK color matching profiles for cross-platform visual consistency.

426 CCarbon Fiber
HEX#25282A
RGB37, 40, 42
CMYK12, 5, 0, 84
446 CSlate Grey
HEX#3F4443
RGB63, 68, 67
CMYK7, 0, 1, 73
Cloud DancerCloud Fill
HEX#F0EEE9
RGB240, 238, 233
CMYK0, 2, 2, 16
2087 CBeaver Purple
HEX#9B7DD4
RGB155, 125, 212
CMYK27, 41, 0, 17
Accessibility Standard

Type & Color

Strong colour contrast is essential for legibility and accessibility in typography. Always ensure there is sufficient distinction between the text and its background.

Our colour combinations are intentionally complementary, bold, and accessible. They were designed to work together, so they should be used as intended.

BS7.8:1 AAA
BS7.8:1 AAA
BS14.5:1 AAA
BS15.8:1 AAA
BS4.6:1 AA
BS4.6:1 AA
BS15.8:1 AAA
BS15.8:1 AAA
BS9.2:1 AAA
BS9.2:1 AAA
BS4.2:1 AA
BS9.5:1 AAA
Contrast Application

Logo & Color

Always ensure there is enough contrast between identity elements and background. On dark colors, use identity elements primarily in light colors; on light colors, use them in dark colors.

Beaver Studio Light Background Lockup
Approved Light Surface Application
Beaver Studio Dark Background Lockup
Approved Dark Surface Application
Color Guardrails

Color Misuse Rules

Do not diminish the value of color in the brand. Avoid the following uses.

Do not use unapproved colors
Invalid Color

Never use neon, primary red, or unapproved hues outside brand tokens.

Do not use gradients 🌈
Rainbow Gradient

Only flat solid color fills are permitted across identity surfaces.

Do not use low contrast
Low Contrast Text

Ensure all typography satisfies WCAG AA/AAA contrast ratios.

Do not mix text colors
What is this

Never color individual words or letters in rainbow/multi-color hues.

Do not modify logo colors
Modified Logo Color

Never alter the primary purple avatar mark color fill.

Do not use outside palette
Yellow Background

Do not place logo on bright yellow or unapproved background colors.