Petrol Cabin color palette — #F0F3EA · #C6E4D9 · #6192C0 · #006885 · #3A213B

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

The five colors

• Cream (#F0F3EA): bright and airy, almost weightless.
• Silver (#C6E4D9): A whisper-light, dusty teal — the color of sea glass.
• Slate Blue (#6192C0): A luminous, balanced blue — the color of deep harbor water.
• Peacock (#006885): A full-bodied, balanced blue — the color of open sky before noon.
• Deep Indigo (#3A213B): A deep, shadowed, dusty pink — the color of peonies in June.

Feels like: Trust, Stability, Sophistication. Tagged coastal, cool, light, muted.

Use it as a design system

One click turns Petrol Cabin 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

• Worn Petrol color palette (#F1F3EB, #C4E5D5, #6195B3, #006A7B, #01352A)
• Worn Canyon color palette (#F0F4E7, #A8D7F3, #008AD3, #005F75, #002549)
• Aged Denim Terrace color palette (#E3E4DB, #83A68D, #006375, #003939, #000D13)
• Wandering Cerulean Balcony color palette (#F9F4EF, #C3E0F1, #A1BBEB, #00939E, #3B3A60)
• Petrol Thicket color palette (#F2F4E0, #83C9CE, #008090, #00524D, #001E26)
• Antique Meadow color palette (#E7EBE0, #8EBFB1, #256BB9, #004762, #01113D)
• Hushed Station color palette (#FFEDEB, #CC8FA3, #6C8DCB, #AA2A64, #0F254F)
• Timeworn Ridge color palette (#DEE1D4, #5B836F, #00415B, #001E24, #000103)

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