Petrol Cabin color palette — #F1F7F3 · #E1D3D1 · #D3B5B5 · #377F90 · #424A45

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

The five colors

• Ivory (#F1F7F3): bright and airy, almost weightless.
• Silver (#E1D3D1): a clean, paper-quiet neutral.
• Rosewood Mist (#D3B5B5): A luminous, dusty red — the color of embers at dusk.
• Slate (#377F90): A full-bodied, dusty blue — the color of deep harbor water.
• Charcoal (#424A45): 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

• Worn Cerulean Studio color palette (#EFF7F5, #DDD5D1, #A7A594, #6285AA, #4C5552)
• Muted Field color palette (#FAF3F8, #ECD5D1, #D6B2B1, #5264AD, #4B3947)
• Denim Basin color palette (#EAF9F3, #E2CADB, #B79AC7, #00618C, #253731)
• Cypress Harbor color palette (#F8F5EB, #96BB94, #218573, #3B6356, #424700)
• Dusty Driftwood Cabin color palette (#DBE5E0, #B6A2B3, #8676A0, #003E51, #02190F)
• Worn Chestnut color palette (#E8F8E4, #8DBFAF, #9C7581, #756417, #5C4D00)
• Cobalt Meadow color palette (#D4EAE4, #1B74BF, #472636, #0E241F, #050F0E)
• Aubergine Courtyard color palette (#F2E6EA, #CCB1B2, #A88578, #572682, #2A1A20)

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