Petrol Station color palette — #F4F6EF · #C2E6D4 · #5F91AE · #256D7A · #2A5046
Teal and Storm Blue set the tone — five colors that lean into trust and stability.
The five colors
- Ivory (#F4F6EF): bright and airy, almost weightless.
- Celadon Mist (#C2E6D4): A whisper-light, dusty teal — the color of sea glass.
- Storm Blue (#5F91AE): A luminous, dusty blue — the color of a favorite pair of jeans.
- Teal (#256D7A): A full-bodied, dusty blue — the color of deep harbor water.
- Forest (#2A5046): A deep, shadowed, dusty teal — the color of sea glass.
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
- Hushed Cerulean Canyon color palette (#F4F7EB, #A1D8EB, #128BB6, #006570, #004566)
- Moss Lagoon color palette (#E9FAF1, #41AED1, #779647, #00708D, #38491C)
- Linen Cobalt color palette (#DFFDF3, #3290CF, #8F66B1, #007A67, #1E3F36)
- Teal Terrace color palette (#E1E1CE, #5FAEAC, #006469, #003F36, #00242A)
- Antique Cerulean color palette (#E7E9DB, #4C8B96, #004453, #002223, #000B12)
- Aged Powder Veranda color palette (#E4FBF4, #EED8D4, #B6C1F5, #517C93, #534353)
- Tempered Turquoise color palette (#ABEFFB, #43B6D1, #0086A5, #005F7D, #1B4962)
- Ancient Petrol Market color palette (#EDF1E1, #8AB9D1, #206F9E, #004D5E, #022F53)
Browse the whole catalog at Explore, or see today's palette.