Petrol Station color palette — #EAF8FD · #FFDCD9 · #30838E · #173E4B · #061116
A conversation between Cerulean and Deep Teal, giving this palette its sense of trust and stability.
The five colors
- Ivory (#EAF8FD): a clean, paper-quiet neutral.
- Shell Pink (#FFDCD9): A whisper-light, dusty orange — the color of sun-warmed clay.
- Cerulean (#30838E): A full-bodied, dusty blue — the color of deep harbor water.
- Deep Teal (#173E4B): A deep, shadowed, dusty blue — the color of open sky before noon.
- Ink (#061116): quiet, heavy and certain.
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
- Cobalt Study color palette (#EEF6FF, #FFCBB9, #196CBB, #002E5A, #000716)
- Aged Stone color palette (#E6F5F7, #CCAF72, #006358, #002F29, #030F11)
- Antique Teal color palette (#F2F7F0, #EBD29E, #56A598, #227166, #1A2515)
- Tempered Mallow color palette (#EBF7FF, #FFA5BB, #006181, #002230, #000103)
- Periwinkle Loft color palette (#EFF6FF, #84A5EF, #6483C9, #864743, #001D24)
- Ancient Lilac Boulevard color palette (#EEF7F8, #9DFCDA, #B988CB, #379E7F, #120F21)
- Iris Harbor color palette (#EBFAEA, #76E0E1, #7C8DD1, #7E5C2B, #163546)
- Hushed Aqua Balcony color palette (#E4FAFF, #4FC8C3, #CC8795, #9F5B6A, #072931)
Browse the whole catalog at Explore, or see today's palette.