Petrol Cabin color palette — #F0F6FA · #D8D9E0 · #BDBDCB · #2F8095 · #3D4A51

Cerulean and Charcoal set the tone — five colors that lean into trust and stability.

The five colors

• Ivory (#F0F6FA): bright and airy, almost weightless.
• Silver (#D8D9E0): a clean, paper-quiet neutral.
• Ash (#BDBDCB): soft and architectural.
• Cerulean (#2F8095): A full-bodied, balanced blue — the color of a favorite pair of jeans.
• Charcoal (#3D4A51): A full-bodied, dusty blue — the color of deep harbor water.

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

• Washed Petrol Dune color palette (#ECF3F6, #D6D7DF, #C0B9CB, #40808B, #252E31)
• Timeworn Cerulean Chapel color palette (#F1F7F2, #D0DFE2, #DEC3C5, #539CA8, #404B43)
• Washed Cypress Archive color palette (#E8FAF5, #92B8B5, #48806C, #216569, #294947)
• Weathered Veranda color palette (#F1F5FF, #DDD6E6, #BAB9D4, #525FBE, #364053)
• Muted Abyss Station color palette (#E4F0F8, #A1AAB4, #70809B, #003D53, #001624)
• Driftwood Thicket color palette (#E2F3FF, #AEBFDA, #8589A8, #7B5C6C, #3C5743)
• Softworn Cocoa Summit color palette (#E9FBEC, #52A3C3, #4E67A3, #822F18, #274054)
• Nightshade Atelier color palette (#ECEEF4, #CACBD6, #A29CB9, #4F469A, #282D3C)

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