Petrol Station color palette — #EAF4F4 · #CADFF2 · #7091B5 · #196785 · #1C2D42
Peacock and Slate Blue set the tone — five colors that lean into trust and stability.
The five colors
- Ivory (#EAF4F4): a clean, paper-quiet neutral.
- Powder Blue (#CADFF2): A whisper-light, dusty blue — the color of a favorite pair of jeans.
- Slate Blue (#7091B5): A luminous, dusty blue — the color of a favorite pair of jeans.
- Peacock (#196785): A full-bodied, balanced blue — the color of a favorite pair of jeans.
- Midnight (#1C2D42): A deep, shadowed, dusty blue — the color of a favorite pair of jeans.
Feels like: Trust, Stability, Calm, Sophistication. Tagged coastal, cool, light, 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 Cerulean Lagoon color palette (#FAF4EE, #C9E3DA, #6F89C0, #006F7A, #45426A)
- Lagoon Cabin color palette (#D8E8E5, #429A99, #00545A, #002C26, #000507)
- Lilac Study color palette (#F1F0FF, #AC75BA, #B9625D, #436D9E, #1F1A32)
- Wandering Cerulean color palette (#FCF2F5, #D9D3DE, #A0BBF0, #3B909A, #363E59)
- Softworn Petrol Pier color palette (#E0F8F3, #73CBD5, #008093, #00524F, #001E27)
- Antique Petrol Lagoon color palette (#DDEDED, #96B7DA, #406BAC, #004666, #050E3F)
- Driftwood Studio color palette (#F2F0FF, #FCCFDA, #E4AFC6, #907AAA, #302A3D)
- Soft Violet Parlor color palette (#DFDDFF, #B3A2EA, #8667B5, #5C3C79, #362040)
Browse the whole catalog at Explore, or see today's palette.