Petrol Station color palette — #E9FAF3 · #FFBEAE · #206B91 · #002C40 · #000503
Peacock and Rose Quartz set the tone — five colors that lean into trust and stability.
The five colors
- Ivory (#E9FAF3): A whisper-light, dusty teal — the color of shallow lagoons.
- Rose Quartz (#FFBEAE): A whisper-light, dusty orange — the color of toasted spice.
- Peacock (#206B91): A full-bodied, balanced blue — the color of a favorite pair of jeans.
- Midnight (#002C40): A deep, shadowed, dusty blue — the color of open sky before noon.
- Ink (#000503): A deep, shadowed, dusty teal — the color of sea glass.
Feels like: Trust, Stability, Sophistication. Tagged luxury, dark, 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
- Washed Denim Field color palette (#FEF0FC, #EFCA8E, #42629D, #0B2455, #080207)
- Antique Loft color palette (#DAEFE1, #7AB258, #00505D, #002311, #000703)
- Cerulean Field color palette (#E1F1FB, #A8D7A1, #0097B8, #295E6E, #071821)
- Aged Coral color palette (#E2F1FD, #D6816F, #00476E, #00243B, #0E101B)
- Misty Indigo Thicket color palette (#FFF1F7, #AFEC9F, #7556AF, #361C5E, #14010A)
- Washed Ultramarine Canyon color palette (#FFF0FB, #DCC257, #3846BD, #0F0064, #00000B)
- Muted Harbor color palette (#FCF2F8, #C9E9D4, #7D81B3, #5B3950, #21181E)
- Aubergine Boulevard color palette (#FFF1F5, #9FC986, #643A83, #25023A, #040001)
Browse the whole catalog at Explore, or see today's palette.