Petrol Coast color palette — #E6DCE5 · #74C0C4 · #0080A8 · #005D2F · #061E40
A conversation between Cerulean and Pine, giving this palette its sense of nature and growth.
The five colors
- Silver (#E6DCE5): a clean, paper-quiet neutral.
- Mint Leaf (#74C0C4): A luminous, dusty blue — the color of a favorite pair of jeans.
- Cerulean (#0080A8): A full-bodied, balanced blue — the color of open sky before noon.
- Pine (#005D2F): A full-bodied, balanced teal — the color of glacier melt.
- Midnight (#061E40): A deep, shadowed, dusty blue — the color of a favorite pair of jeans.
Feels like: Nature, Growth, Trust, Stability, Calm, Balance. Tagged coastal, cool, light.
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
- Ancient Terrace color palette (#EEDEE5, #84BAD2, #0071DE, #005A4E, #1C1646)
- Wandering Villa color palette (#FFF2EC, #97D9DD, #0087A8, #00543B, #000E1C)
- Tempered Turquoise color palette (#E9DECD, #52AFB6, #006275, #003F34, #002332)
- Wandering Cerulean Station color palette (#E2F2EE, #82CFD5, #00A4B8, #007E77, #00242D)
- Hazy Cornflower Quarry color palette (#FFF1F6, #86D6FF, #4086FF, #007369, #33236A)
- Hushed Sky color palette (#F9F3F7, #CEE0FA, #51AFE8, #488A6C, #374864)
- Wandering Byzantium color palette (#E9E6FF, #AA2AD0, #007B61, #005D63, #1D0525)
- Faded Tangerine Atelier color palette (#EFEDFB, #FFA4BD, #F68317, #5965B3, #31122D)
Browse the whole catalog at Explore, or see today's palette.