What matters is that the colors support the message you want to convey and that the overall layout is not too colorful.
The brand colors always appear in full tone.
They may not be darkened, lightened or displayed transparently.
When viewing all the pieces created by PirateShip and applying the 'squint test' to the overall brand, the color balance should closely match what is shown here.
The important thing to remember is that our core colors should be the predominant colors overall.
There is no such thing as too much black. Navigate your way with a dark color scheme that helps your content pop with a depth no other scheme can match.
We use 3 different blacks for three different purposes.
1 Flag Black
It’s our special black background solid color.
2 Pure Black
100% pure Black for text or flat icons.
3 Black Pearl
Made out of black reflections and the noise of the deep seas, this versatile background is used in almost every dark themed design or creation.
Flag Black
2% gaussian monochromatic noise multiply
Accent colors bring flexibility to the expression of our brand, primarily serving as highlight colors in layouts.
White graphics and text on black surface is the main technique for product communication.
White color is the main background for all technical means.
Accent colors bring flexibility to the expression of our brand—primarily as highlight colors in layouts.
Bay Blue
Used for buttons and text links.
Kelp Green
Used for buttons.
Treasure Gold
Used as a subtle shimmer of gold to highlight text.
Signal Red
Used to emphasised technical text.
If ye be feelin' it lacks some jolly fun, just hoist up the Tipsy Bay gradient for the background! Careful use of Tipsy Bay is recommended. While the allure of Tipsy Bay be captivating, use its gradient with caution. Too much and ye might find yerself lost at sea!
Fun Blue
Use fun blue for the gradient and product communication means.
Fun Green
Use fun green for the gradient and product communication means.
The colors of the cardboard and sand are essential for highlighting technical messages, harmoniously complementing the palette.
Sand Bright
Use sand bright as a background color for minor technical information or limitations.
Sand Shadow
Use sand shade in pair with sand bright as an emphasis tool.
The use of color in the system follows the rules in this chapter. Always stick to the principles and examples provided, matey:
Pirate Ship secondary colors address practical issues when black and white are insufficient. These colors are used based on necessity and follow specific rules.
We use Blue for the default states of buttons and interactive highlights in the text.
We use bay blue for the default states of buttons and interactive highlights in the text.
We use Green for active button states.
We use kelp green for active button states.
We use treasure gold to highlight text.
We use treasure gold to highlight text.
The red color is used for warnings in the text.
Signal Red is used for text warnings.
A specific sand color model highlights the technical mode of communication. The background and text colors change to ensure precise orientation and quick navigation within the design system.
Background color for technical information.
Background color for technical information.
Text and Graphic color for technical information.
Text and Graphic color for technical information.
Even the most disciplined pirate can't always stick to the rules. That's why we allow an exception: the Tipsy Bay gradient, featuring Fun Blue and Fun Green colors, can be used in special cases. It should occupy no more than 2/3 of the color space.
Tipsy Bay gradient
Used to form the beloved tipsy bay gradient
Tipsy Bay gradient
Used to form the beloved tipsy bay gradient
Fun Blue
Fun Green
Tipsy Bay gradient
Use Fun Blue and Fun Green only for the Tipsy Bay Gradient!
The use of brand colors should be determined not only by the purpose, but also proportions. This is a visual representation of the color proportions.
Warning: We do not recommend using any other color combinations other than those given.
No monthly fees—we're paid by the carriers, not by you!
We're here for you every day via live chat or email.
Give it a try. If you don't like it, there's no risk!
