Petrol Station color palette — #D1F4FF · #007A98 · #003E4D · #00121B · #000305
Teal takes the lead with Deep Teal close behind in a set that reads as trust and stability at first glance.
The five colors
- Frost (#D1F4FF): A whisper-light, dusty blue — the color of a favorite pair of jeans.
- Teal (#007A98): A full-bodied, balanced blue — the color of a favorite pair of jeans.
- Deep Teal (#003E4D): A deep, shadowed, dusty blue — the color of a favorite pair of jeans.
- Ink (#00121B): A deep, shadowed, dusty blue — the color of a favorite pair of jeans.
- Ink (#000305): a grounded near-black with real depth.
Feels like: Trust, Stability, Sophistication, Depth, Luxury. Tagged monochrome, 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
- Inked Meadow color palette (#C7EDE0, #00816C, #00443A, #00160F, #000503)
- Wandering Cerulean Veranda color palette (#DAF5FF, #009BBF, #006076, #002C3A, #000406)
- Obsidian Loft color palette (#DFE9F7, #1B6CD4, #003663, #000D2C, #000208)
- Lowlit Market color palette (#D8F2E1, #004D5B, #4F2D00, #002319, #000608)
- Sapphire Garden color palette (#F4E6F5, #0067C4, #5D0044, #00264F, #070000)
- Muted Balcony color palette (#F1EDD6, #EF0A5F, #007DA4, #080D15, #000201)
- Tempered Indigo color palette (#E1F2E5, #69A9E2, #7562C7, #004838, #001A25)
- Inked Nightshade color palette (#D8E2FA, #5963D9, #2400A6, #0A0042, #01001B)
Browse the whole catalog at Explore, or see today's palette.