Petrol Station color palette — #ECF4F1 · #E0D4D5 · #C8B0B6 · #336A8F · #15241F
Peacock and Rosewood Mist set the tone — five colors that lean into trust and stability.
The five colors
- Ivory (#ECF4F1): bright and airy, almost weightless.
- Silver (#E0D4D5): a clean, paper-quiet neutral.
- Rosewood Mist (#C8B0B6): A luminous, dusty red — the color of a theater curtain.
- Peacock (#336A8F): A full-bodied, balanced blue — the color of deep harbor water.
- Onyx (#15241F): A deep, shadowed, dusty teal — the color of shallow lagoons.
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
- Tempered Cerulean Canyon color palette (#F1F6FB, #DBD9E4, #C1AFAA, #5C8EBE, #272F38)
- Ancient Byzantium color palette (#F8EFF1, #E0D4CB, #D9B7A6, #88509C, #311F24)
- Navy Cabin color palette (#E9E4EA, #C0ADB7, #A98187, #00457B, #0F0810)
- Ancient Lapis color palette (#F8EFF4, #EBCAD0, #D597AA, #523DC5, #25141E)
- Muted Lagoon color palette (#EFE7E8, #DAC6C2, #B89E8D, #793679, #1E1214)
- Dusty Pewter Alley color palette (#CFE8D7, #91ACD6, #96648A, #365532, #292B10)
- Wandering Olive color palette (#FDEFE4, #B59E5E, #566F16, #533A62, #261A03)
- Terracotta Workshop color palette (#E2F2E8, #008AA5, #913000, #223C00, #0B1800)
Browse the whole catalog at Explore, or see today's palette.