Petrol Station color palette — #F8ECE7 · #83BCC5 · #00709F · #005334 · #1A2B54
Peacock takes the lead with Forest close behind in a set that reads as trust and stability at first glance.
The five colors
- Cream (#F8ECE7): a clean, paper-quiet neutral.
- Ash (#83BCC5): A luminous, dusty blue — the color of open sky before noon.
- Peacock (#00709F): A full-bodied, balanced blue — the color of open sky before noon.
- Forest (#005334): A deep, shadowed, balanced teal — the color of glacier melt.
- Midnight (#1A2B54): A deep, shadowed, dusty violet — the color of wild irises.
Feels like: Trust, Stability, Creativity, Calm, Balance. 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
- Antique Orchard color palette (#E4EBE5, #7EC0C9, #007793, #004C43, #001827)
- Softworn Grove color palette (#FDF3ED, #B0CDBC, #497CAD, #00624E, #313660)
- Hushed Ultramarine Workshop color palette (#F7EDE1, #93B5D6, #565EB2, #004F53, #391E52)
- Denim Alley color palette (#EDE2DA, #75A6BE, #1454A8, #003F37, #1F0E4F)
- Forest Cabin color palette (#D9F7E1, #A7CBFE, #AD89C4, #00684D, #00374E)
- Hazy Boulevard color palette (#CCEDD6, #00A58C, #006970, #004259, #1E224D)
- Cerulean Basin color palette (#CDEDFF, #329BC1, #006078, #002F3B, #001620)
- Timeworn Sky Hollow color palette (#F4EBF2, #7CE6F2, #39B1E9, #3B9165, #1A2D51)
Browse the whole catalog at Explore, or see today's palette.