Petrol Station color palette — #F0F6FB · #D7D8E4 · #A5B5CA · #2C6A8F · #303C46
Peacock and Ash set the tone — five colors that lean into trust and stability.
The five colors
- Ivory (#F0F6FB): a clean, paper-quiet neutral.
- Silver (#D7D8E4): a clean, paper-quiet neutral.
- Ash (#A5B5CA): A luminous, dusty blue — the color of deep harbor water.
- Peacock (#2C6A8F): A full-bodied, balanced blue — the color of open sky before noon.
- Charcoal (#303C46): A deep, shadowed, dusty blue — the color of deep harbor water.
Feels like: Trust, Stability, Sophistication. Tagged scandi, muted, 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
- Softworn Basin color palette (#EFF8F3, #EDD7DD, #D0BDBD, #4789A7, #343D39)
- Hushed Corridor color palette (#F1F5FF, #CBD1EB, #A1A3C7, #4F48AF, #2D3242)
- Tempered Loft color palette (#DDE3EA, #AFBAC9, #808DB4, #00467A, #14202C)
- Softworn Pewter Hollow color palette (#DCE8FF, #939ABF, #836499, #614962, #513238)
- Patina Study color palette (#E5FAFA, #6DA995, #007366, #185557, #103C40)
- Faded Indigo Canyon color palette (#EFF6FF, #76C8FF, #67A3FF, #675FCF, #21314C)
- Obsidian Ultramarine Meadow color palette (#D3E0F3, #2E5CBC, #192441, #091424, #040409)
- Ancient Harbor color palette (#EAEBF3, #9998A8, #726B8B, #3C0066, #070814)
Browse the whole catalog at Explore, or see today's palette.