Petrol Station color palette — #F6EBE6 · #89AA8C · #00819D · #006040 · #000A15
Built around Cerulean, softened by Pine — the whole palette hums with nature and growth.
The five colors
- Cream (#F6EBE6): a clean, paper-quiet neutral.
- Sage (#89AA8C): A luminous, dusty green — the color of a quiet forest floor.
- Cerulean (#00819D): A full-bodied, balanced blue — the color of deep harbor water.
- Pine (#006040): A full-bodied, balanced teal — the color of sea glass.
- Ink (#000A15): A deep, shadowed, dusty blue — the color of open sky before noon.
Feels like: Nature, Growth, Trust, Stability, 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
- Tempered Cobalt Studio color palette (#FCECE2, #80AC96, #0078C6, #005E59, #02002E)
- Cypress Lagoon color palette (#E3F0ED, #689BAB, #00646E, #003C36, #000C0F)
- Azure Study color palette (#DBF3DB, #6CB7C2, #00A4CD, #6B6800, #000F07)
- Wandering Emerald color palette (#DAEADD, #00A46C, #007A4A, #003F1C, #000201)
- Timeworn Lagoon Bloom color palette (#F8ECF4, #00898D, #004352, #002113, #000103)
- Washed Cornflower Market color palette (#E9DDD2, #96C6EB, #5C8DF7, #007B86, #1E124B)
- Byzantium Lantern color palette (#E1E4CB, #52A74C, #A539B8, #0C5108, #0E0012)
- Grape Station color palette (#C7EAD5, #008454, #8337C0, #9C0070, #000201)
Browse the whole catalog at Explore, or see today's palette.