Petrol Coast color palette — #E8F4F9 · #37B3BD · #006BA2 · #006168 · #000711
A conversation between Peacock and Cyan, giving this palette its sense of trust and stability.
The five colors
- Ivory (#E8F4F9): a clean, paper-quiet neutral.
- Cyan (#37B3BD): A luminous, balanced blue — the color of deep harbor water.
- Peacock (#006BA2): A full-bodied, balanced blue — the color of a favorite pair of jeans.
- Peacock (#006168): A full-bodied, dusty blue — the color of a favorite pair of jeans.
- Ink (#000711): A deep, shadowed, dusty blue — the color of a favorite pair of jeans.
Feels like: Trust, Stability, Calm, Sophistication. Tagged duotone, muted, cool.
Use it as a design system
One click turns Petrol Coast into a complete token system: semantic roles from primary to success, an 11-stop OKLCH scale per role, a WCAG AA/AAA and APCA contrast matrix, an auto-derived dark mode and 11 export formats including CSS custom properties, Tailwind, Figma Variables and shadcn/ui.
Similar palettes
- Worn Cobalt Lagoon color palette (#EAF3F9, #65C1E0, #2D75C8, #00708B, #070F18)
- Washed Meadow color palette (#E8F5F4, #4AB979, #007378, #006639, #00080C)
- Aged Lapis color palette (#E9F3FD, #58A5ED, #604FBD, #005795, #030513)
- Pale Archive color palette (#F1F7EE, #00B29A, #4A54A6, #005D50, #23121E)
- Quiet Boulevard color palette (#DCF5FE, #4EA5D3, #006EAE, #00376F, #000A46)
- Softworn Denim color palette (#CDF1F1, #2396C4, #005BAA, #512454, #001A2D)
- Muted Navy color palette (#DBE7EE, #00879F, #003C93, #003D4A, #000105)
- Linen Station color palette (#EBF8F9, #85E6C8, #8D6DF3, #008B6F, #030414)
Browse the whole catalog at Explore, or see today's palette.