Petrol Station color palette — #E9F1EA · #9AB5CD · #3867B0 · #004D5E · #20265F

Royal Blue takes the lead with Navy close behind in a set that reads as trust and stability at first glance.

The five colors

• Cream (#E9F1EA): bright and airy, almost weightless.
• Ash (#9AB5CD): A luminous, dusty blue — the color of open sky before noon.
• Royal Blue (#3867B0): A full-bodied, balanced blue — the color of a favorite pair of jeans.
• Deep Teal (#004D5E): A deep, shadowed, dusty blue — the color of a favorite pair of jeans.
• Navy (#20265F): A deep, shadowed, balanced violet — the color of a velvet chair.

Feels like: Trust, Stability, Creativity, Calm, Balance. 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

• Softworn Petrol color palette (#E7F2E9, #8FB9C7, #00748A, #005144, #003347)
• Worn Sapphire color palette (#F2E5E9, #94B8D7, #5062B9, #004B4C, #1C0B31)
• Cornflower Orchard color palette (#F5EDE5, #A2CAE8, #5E7BF0, #006C6B, #33234F)
• Muted Cerulean Garden color palette (#ECF9EF, #97DBE9, #008CB4, #006760, #00446A)
• Periwinkle Chapel color palette (#F5EDE2, #ABD9FF, #71A5F5, #008DA9, #232953)
• Denim Parlor color palette (#DDE9DF, #6697AD, #004E7A, #002F33, #001233)
• Patina Cypress Corridor color palette (#F1F7F2, #CFE1F1, #71A1B3, #2C8061, #3C5765)
• Airy Chapel color palette (#C6E6DD, #688C2E, #7E4DB4, #385300, #360F59)

Browse the whole catalog at Explore, or see today's palette.