Petrol Station color palette — #F7ECE8 · #9CBAA2 · #00719D · #005332 · #182C54

A conversation between Peacock and Deep Olive, giving this palette its sense of nature and growth.

The five colors

• Cream (#F7ECE8): a clean, paper-quiet neutral.
• Sage (#9CBAA2): A luminous, dusty teal — the color of shallow lagoons.
• Peacock (#00719D): A full-bodied, balanced blue — the color of open sky before noon.
• Deep Olive (#005332): A deep, shadowed, balanced teal — the color of glacier melt.
• Navy (#182C54): A deep, shadowed, dusty violet — the color of wild irises.

Feels like: Nature, Growth, Trust, Stability, 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

• Cobalt Workshop color palette (#FCF3EE, #ACCFB9, #347EB5, #006249, #2F385D)
• Hushed Loft color palette (#F5EDE6, #90BCAF, #5361AC, #004F51, #381E55)
• Washed Loft color palette (#E1EDE3, #82C0C5, #00778F, #004C41, #001925)
• Denim Drift color palette (#F8EEE8, #6BA8C1, #0156A5, #003F35, #1B1548)
• Sapphire Drift color palette (#EBDCC0, #977C00, #1262D8, #584700, #00245F)
• Timeworn Station color palette (#FBF4ED, #C3E5D8, #728ABA, #00716C, #5E3B4D)
• Navy Quarry color palette (#EDDDD4, #508A9B, #003F6B, #00231A, #05002C)
• Aged Turquoise Bloom color palette (#F7EAF5, #83E5EE, #39B2E5, #3A925F, #162D52)

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