Colors
Parka's color system. Four colors that define identity, structure, and atmosphere.
Tip: Click any color to copy its HEX.
Primary
Parka Teal
The signature brand color. Use for primary actions, key brand moments, and accent highlights.
Usage summary
- Buttons (primary CTAs)
- Brand mark (P symbol)
- Active states and selected items
- Key emphasis in marketing content
HEX
0AB0BD
RGB
10, 176, 189
CMYK
74, 7, 26, 0
CSS
rgba(10, 176, 189, 1)
Teal Soft
A lighter expression of Parka Teal. Use for subtle backgrounds and surfaces where the full Teal would be too heavy.
Usage summary
- Button backgrounds (default state)
- Section backgrounds on web
- Hover states on light elements
- Subtle highlights and accents
HEX
B5E6EB
RGB
181, 230, 235
CMYK
27, 0, 8, 0
CSS
rgba(181, 230, 235, 1)
Neutrals
Ink
The primary dark color. Use for body text, headings, and dark backgrounds. Slight teal undertone keeps it warm.
Usage summary
- Headings (H1 through H6)
- Body text on light backgrounds
- Dark backgrounds and footers
- High-contrast emphasis
HEX
031F21
RGB
3, 31, 33
CMYK
85, 64, 64, 74
CSS
rgba(3, 31, 33, 1)
Mist
The primary light background. Near-white with a subtle teal tint that pairs naturally with Parka Teal and Ink.
Usage summary
- Default page background
- Card surfaces and content areas
- Text on dark backgrounds
- Subtle dividers and borders
HEX
F0F8F6
RGB
240, 248, 246
CMYK
5, 0, 2, 0
CSS
rgba(240, 248, 246, 1)
Frost
A secondary light tint, slightly darker than Mist. Use for gentle separation between sections and soft surface contrasts.
Usage summary
- Section backgrounds (when Mist needs contrast)
- Hover states on light elements
- Disabled state backgrounds
- Soft dividers and card outlines
HEX
E0EBE6
RGB
224, 235, 230
CMYK
11, 2, 9, 0
CSS
rgba(224, 235, 230, 1)
Accents
Supporting colors for illustrations, presentations, and chart visualizations. Use sparingly to add variety without disrupting the primary palette.
Green
A vibrant accent for illustrations, positive moments, and supporting marketing visuals.
Usage summary
- Illustrations and graphics
- Marketing UI accents
- Positive emphasis in presentations
- Supporting brand moments
HEX
3CCB7F
RGB
60, 203, 127
CMYK
66, 0, 69, 0
CSS
rgba(60, 203, 127, 1)
Amber
An energetic accent for attention moments, callouts, and dynamic brand touches.
Usage summary
- Highlight callouts and notes
- Marketing UI emphasis
- Illustrations and supporting graphics
- Energetic accents in presentations
HEX
FBBF24
RGB
251, 191, 36
CMYK
2, 26, 96, 0
CSS
rgba(251, 191, 36, 1)
Rose
A bold accent for campaign visuals and standout moments. Use to add contrast and personality.
Usage summary
- Campaign and promotional materials
- Bold accents in illustrations
- Standout moments in presentations
- Contrast highlights
HEX
F71873
RGB
247, 24, 115
CMYK
0, 97, 26, 0
CSS
rgba(247, 24, 115, 1)
Violet
A grounded accent designed for data visualizations and charts. Reads clearly alongside Blue without competing.
Usage summary
- Chart series and data visualizations
- Informational moments in marketing
- Supporting accent in presentations
- Illustration accents
HEX
6366F1
RGB
99, 102, 241
CMYK
70, 65, 0, 0
CSS
rgba(99, 102, 241, 1)
Bright Blue
A complementary accent paired with Purple for data visualizations and charts. Calm and easy to scan.
Usage summary
- Chart series and data visualizations
- Informational accents in marketing
- Supporting accent in presentations
- Illustration accents
HEX
38BDF8
RGB
56, 189, 248
CMYK
61, 7, 0, 0
CSS
rgba(56, 189, 248, 1)