Petrol Cabin color palette — #EBF4F0 · #DDD0CD · #C7B5B2 · #477C9A · #252E2B

Slate and Stone set the tone — five colors that lean into trust and stability.

The five colors

• Cream (#EBF4F0): bright and airy, almost weightless.
• Oat (#DDD0CD): bright and airy, almost weightless.
• Stone (#C7B5B2): A luminous, dusty orange — the color of sun-warmed clay.
• Slate (#477C9A): A full-bodied, dusty blue — the color of deep harbor water.
• Onyx (#252E2B): a grounded near-black with real depth.

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

• Petrol Station color palette (#F9EEF4, #EDD2C9, #D9B5AF, #685FA6, #2D2127)
• Antique Driftwood color palette (#F6EFF5, #E2D4D3, #B5AEA4, #93798F, #3A3439)
• Cypress Ridge color palette (#EFF7F5, #E1D3D1, #C8B8BB, #4C8072, #3B4C47)
• Muted Stone Balcony color palette (#FBEFE6, #C6B17A, #6C7C4E, #674C57, #302612)
• Dusty Navy Dune color palette (#DAE8E4, #B098A6, #947178, #00395D, #000604)
• Worn Fern Orchard color palette (#C8F0D9, #A4B4E6, #A07E7D, #695D0A, #383730)
• Denim Drift color palette (#EFE6EA, #DEC4C5, #B59E97, #5D4782, #1F1117)
• Worn Indigo Studio color palette (#F8E4F4, #4C6DCF, #452630, #1D111B, #030805)

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