Petrol Cabin color palette — #F1F6FC · #A1C2F2 · #A86A68 · #466EA6 · #362935
Slate takes the lead with Mocha close behind in a set that reads as trust and stability at first glance.
The five colors
- Ivory (#F1F6FC): a clean, paper-quiet neutral.
- Sky (#A1C2F2): A luminous, dusty blue — the color of a favorite pair of jeans.
- Mocha (#A86A68): A full-bodied, balanced orange — the color of toasted spice.
- Slate (#466EA6): A full-bodied, balanced blue — the color of open sky before noon.
- Onyx (#362935): A deep, shadowed, dusty pink — the color of neon signs at night.
Feels like: Trust, Stability, Sophistication. Tagged duotone, 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 Courtyard color palette (#F2F5FC, #BAB9F2, #957843, #68659F, #263128)
- Ancient Field color palette (#EEF7FA, #8CCCD9, #976D90, #007B8B, #2F2B38)
- Washed Indigo color palette (#F6F0F4, #B9C0ED, #A26F97, #6066C1, #221012)
- Softworn Iris color palette (#F2F5FB, #C6CDFF, #C583AC, #7A82DE, #312A39)
- Weathered Bloom color palette (#E3FAFC, #8EA7DD, #926882, #296654, #43465A)
- Tempered Workshop color palette (#EFF6FF, #B7B6E1, #9C749A, #844657, #713225)
- Timeworn Pier color palette (#F0F5FF, #8B99F3, #AB3900, #3F3FBC, #2E1125)
- Driftwood Pier color palette (#F3F5FC, #DED8DE, #B4A9A2, #79809D, #50525A)
Browse the whole catalog at Explore, or see today's palette.