Skip to content
Gallery
Trinsic Brand and Style Guide
Trinsic Brand + Style Guide
Templates
Boilerplate
Trinsic Brand Messaging
More
Share
Explore
Trinsic Brand + Style Guide

icon picker
Color

Color plays a pivotal role in defining the Trinsic identity. Our carefully curated palette aims to embody Trinsic's innovative and trustworthy nature, all the while maintaining an approachable and engaging appeal.
Trinsic Teal, Trinsic Sun, Dark Teal, and Black serve as the foundational branding hues, complemented by two supporting colors: Navy and Rich Black.
The palette adheres to a structured ratio of 10-30-60: Accent colors occupy 10% of the palette, while the light background comprises 30%, leaving 60% for the more saturated and darker shades.

⁠
Color Ratios.png
⁠
⁠
Core Palette
Name
PMS
HEX
RGB (Digital)
CMYK (Print)
1
image.png
10% Tint PMS 394 C
FFFDEA
255, 253, 234
​
2
image.png
PMS 394 C
F5F82B
245, 248, 43
6, 0, 76, 0
3
image.png
​
67D2C4
103, 210, 196
​
4
image.png
PMS 3262 C
01B6AA
1, 182, 170
71, 0, 33, 0
5
image.png
PMS 7470 C
1D5161
29, 81, 97
80, 15, 0, 45
6
image.png
PMS 5255 C
191C33
25, 28, 51
100, 80, 0, 55
7
image.png
PMS Black 6 C
000615
0, 6, 21
100, 35, 0, 100
There are no rows in this table
⁠

Primary Palette Contrast Guide

⁠
Color Contrast Guide.png
⁠
⁠
The chart above demonstrates recommended color pairings of the primary palette to ensure the proper ratio of contrast between typography and background elements to meet web accessibility standards and support legibility.
Secondary Palette
Name
Hex
RGB (Digital)
1
image.png
D0E7E8
208, 231, 232
2
image.png
4B91A7
75, 145, 167
3
image.png
A5BDF2
165, 189, 242
There are no rows in this table
⁠

Product UI Palette for Marketing
Name
HEX
RGB
1
image.png
2F54EB
47, 84, 235
2
Frame 10.png
85A5FF
133, 165, 255
3
Frame 11.png
85A5FF
221, 230, 254
4
Frame 23.png
FAAD14
250, 173, 20
5
Frame 22.png
FCEED4
252, 238, 212
6
image.png
FF7875
255, 120, 117
7
Frame 25.png
EB2F96
235, 47, 150
8
Frame 24.png
FADCED
250, 220, 237
There are no rows in this table
⁠
⁠
Figma file available here
⁠
⁠

Want to print your doc?
This is not the way.
Try clicking the ⋯ next to your doc name or using a keyboard shortcut (
CtrlP
) instead.