Petrol Cabin color palette — #F6F1EB · #CAE1E4 · #8A9ACA · #217787 · #472D3A

Built around Teal, softened by Blue Fog — the whole palette hums with trust and stability.

The five colors

• Cream (#F6F1EB): a clean, paper-quiet neutral.
• Silver (#CAE1E4): A whisper-light, dusty blue — the color of deep harbor water.
• Blue Fog (#8A9ACA): A luminous, dusty violet — the color of a velvet chair.
• Teal (#217787): A full-bodied, balanced blue — the color of deep harbor water.
• Espresso (#472D3A): A deep, shadowed, dusty rose — the color of strawberry cream.

Feels like: Trust, Stability, Creativity, 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

• Muted Periwinkle Thicket color palette (#F4F6F0, #C5E7EC, #749BD3, #3D7596, #604B5C)
• Aged Cypress color palette (#F7F0ED, #CBE1DC, #6AA6BC, #2E7B5F, #1C3D35)
• Aged Alley color palette (#DCFBE5, #85BED7, #4F8DBD, #40609A, #46283A)
• Cobalt Canyon color palette (#E6F6F1, #8FB8E1, #B59861, #3875AE, #412D01)
• Worn Cerulean color palette (#FBEDFA, #E9D2D3, #E3B8A4, #5F9BAF, #41313E)
• Washed Courtyard color palette (#EBE1DC, #3A8689, #004353, #002014, #000104)
• Softworn Bronze Atelier color palette (#FCECF8, #899ACE, #B77F55, #8C7716, #341F30)
• Softworn Thicket color palette (#F4E6DE, #94BFA8, #0071B0, #004C46, #030E41)

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