Petrol Station color palette — #E6F1E8 · #5CB0B1 · #008394 · #005F4A · #000B11
A conversation between Cerulean and Pine, giving this palette its sense of trust and stability.
The five colors
- Cream (#E6F1E8): bright and airy, almost weightless.
- Turquoise (#5CB0B1): A luminous, balanced teal — the color of shallow lagoons.
- Cerulean (#008394): A full-bodied, balanced blue — the color of deep harbor water.
- Pine (#005F4A): A full-bodied, balanced teal — the color of shallow lagoons.
- Ink (#000B11): A deep, shadowed, dusty blue — the color of a favorite pair of jeans.
Feels like: Trust, Stability, Calm, Sophistication. Tagged coastal, cool, light, muted.
Use it as a design system
One click turns Petrol Station 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
- Dusty Spruce color palette (#F7ECF7, #5AA0A0, #00627B, #003F13, #00091A)
- Faded Cobalt color palette (#DEE8DF, #79A7C5, #1C75CD, #005B69, #02002F)
- Olive Atelier color palette (#D4E7D5, #5FB5BC, #3599CA, #5D7700, #001107)
- Hushed Lagoon Atelier color palette (#E9E2D7, #2C8788, #00444D, #002017, #000203)
- Emerald Garden color palette (#D8F0E0, #2AA556, #007949, #00431E, #000300)
- Aged Azure Orchard color palette (#E1F1E4, #8FC7EF, #5B94DC, #007A8F, #101A47)
- Airy Sky color palette (#E6F2E8, #B2DAEF, #3BB1E7, #00918F, #003054)
- Linen Byzantium Coast color palette (#CCF8F0, #50A83A, #964AB8, #145100, #0D0015)
Browse the whole catalog at Explore, or see today's palette.