Petrol Station color palette — #FFF2ED · #72C7CF · #0078A1 · #005931 · #0D3068
Cerulean and Navy set the tone — five colors that lean into nature and growth.
The five colors
- Ivory (#FFF2ED): bright and airy, almost weightless.
- Aqua (#72C7CF): A luminous, balanced blue — the color of open sky before noon.
- Cerulean (#0078A1): A full-bodied, balanced blue — the color of a favorite pair of jeans.
- Deep Olive (#005931): A full-bodied, balanced teal — the color of glacier melt.
- Navy (#0D3068): A deep, shadowed, balanced 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 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
- Forest Loft color palette (#FDF2EF, #B3CDB3, #0085A8, #19632F, #213C5B)
- Sapphire Drift color palette (#FFF2E9, #67C5ED, #286CC6, #00574C, #302666)
- Washed Petrol color palette (#E9F6EB, #7ACBD1, #007F97, #005346, #001D2B)
- Worn Denim color palette (#F8EAE4, #61ACB7, #005E86, #004028, #0B1C45)
- Hazy Blush color palette (#F0F5FF, #E5C0FF, #DC7A92, #006877, #2E2C5E)
- Cerulean Cabin color palette (#FCF3EE, #C8E5D3, #5D8FBB, #306F5B, #593D52)
- Sapphire Cabin color palette (#DFE4F3, #4556F9, #766200, #405517, #131A59)
- Hushed Basin color palette (#F2E1D6, #52899D, #003D70, #00231B, #07002A)
Browse the whole catalog at Explore, or see today's palette.