Petrol Station color palette — #E4F5FB · #7CC1C6 · #CB8880 · #008189 · #42253E
A conversation between Teal and Dusty Rose, giving this palette its sense of trust and stability.
The five colors
- Ivory (#E4F5FB): a clean, paper-quiet neutral.
- Mint Leaf (#7CC1C6): A luminous, dusty blue — the color of open sky before noon.
- Dusty Rose (#CB8880): A luminous, balanced orange — the color of toasted spice.
- Teal (#008189): A full-bodied, balanced blue — the color of a favorite pair of jeans.
- Espresso (#42253E): A deep, shadowed, dusty pink — the color of a candy shop window.
Feels like: Trust, Stability, Sophistication. 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
- Cobalt Delta color palette (#EAF3FD, #91B7DF, #C2915A, #3575B2, #482431)
- Pine Drift color palette (#E3F7F5, #87BFBD, #C285B1, #14874C, #362A47)
- Tempered Coral color palette (#EEF9ED, #66C2BD, #D77C68, #008480, #534B47)
- Washed Lagoon Corridor color palette (#E4F5FD, #D1D7E6, #B8A4AC, #629F99, #2A3B46)
- Ancient Thicket color palette (#E1F6FF, #62A9B5, #A97BA6, #947400, #122B34)
- Dusty Ember Orchard color palette (#E4F5FF, #00A8D2, #D94F00, #006580, #3C1000)
- Chestnut Grove color palette (#FAEEF3, #AEC1AE, #9E7586, #7B4936, #1E3124)
- Petrol Dune color palette (#EAF3FC, #ABCEB2, #3C6687, #10344E, #0D151C)
Browse the whole catalog at Explore, or see today's palette.