Petrol Station color palette — #D4E5F3 · #0078A8 · #7A5B00 · #553E00 · #000F1A
Built around Cerulean, softened by Olive — the whole palette hums with trust and stability.
The five colors
- Frost (#D4E5F3): A whisper-light, dusty blue — the color of open sky before noon.
- Cerulean (#0078A8): A full-bodied, balanced blue — the color of a favorite pair of jeans.
- Olive (#7A5B00): A full-bodied, balanced gold — the color of honey in a jar.
- Deep Olive (#553E00): A deep, shadowed, dusty gold — the color of old brass.
- Ink (#000F1A): A deep, shadowed, dusty blue — the color of a favorite pair of jeans.
Feels like: Trust, Stability, Optimism, Balance. Tagged 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
- Tempered Ultramarine Courtyard color palette (#E1EEFF, #005BC3, #585600, #393800, #000412)
- Tempered Denim color palette (#D7E6F0, #005A75, #563F00, #352600, #000F1A)
- Misty Cobalt Hollow color palette (#D9F6ED, #2288CF, #8A2F00, #443800, #000103)
- Chalky Delta color palette (#F5D8EA, #7B7CE4, #C44797, #706300, #0A052C)
- Linen Indigo color palette (#D7E5FF, #5C76FF, #787F00, #585E00, #121A44)
- Lapis Delta color palette (#D8E2F3, #4A43EB, #7E3400, #502700, #00080A)
- Hazy Brick Atelier color palette (#DAF3FA, #007F7D, #B50D1B, #791919, #001110)
- Sapphire Market color palette (#DEEAFF, #4B5FF3, #8F2C00, #083F04, #011701)
Browse the whole catalog at Explore, or see today's palette.