Petrol Cabin color palette — #FBF1FC · #F2D2D2 · #D5B2B5 · #3C6BA8 · #463C46

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

The five colors

• Ivory (#FBF1FC): a clean, paper-quiet neutral.
• Shell Pink (#F2D2D2): A whisper-light, dusty red — the color of embers at dusk.
• Rosewood Mist (#D5B2B5): A luminous, dusty red — the color of embers at dusk.
• Slate (#3C6BA8): A full-bodied, balanced blue — the color of a favorite pair of jeans.
• Charcoal (#463C46): A deep, shadowed, dusty pink — the color of peonies in June.

Feels like: Trust, Stability, Sophistication. Tagged scandi, muted, light.

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

• Timeworn Boulevard color palette (#EFF8F1, #C3E2E6, #D2B1C4, #007884, #344438)
• Denim Pier color palette (#F5EBF3, #DFC4CD, #B29999, #3F5285, #352A33)
• Hushed Driftwood Hollow color palette (#FCF2F3, #E2D9D1, #A4B0A6, #9F7579, #585051)
• Antique Periwinkle color palette (#EFF6FF, #DDD7E5, #C6A7A4, #70A2FF, #36404F)
• Timeworn Mulberry color palette (#FFF1F3, #E7CBC7, #C69D85, #82328D, #442A30)
• Pine Thicket color palette (#FFF3E5, #A4AB3B, #157E30, #624565, #3C3B34)
• Aged Lilac Villa color palette (#BBEBFF, #A6A1E5, #A66786, #336B52, #1D513C)
• Hushed Aubergine Archive color palette (#F3E6EA, #BEA1A0, #AE6C4F, #4C1B67, #1E0E14)

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