Petrol Cabin color palette — #ECF8F4 · #EDD9DE · #CBB5C2 · #28719F · #33443E
Built around Slate, softened by Rosewood Mist — the whole palette hums with trust and stability.
The five colors
- Ivory (#ECF8F4): a clean, paper-quiet neutral.
- Shell Pink (#EDD9DE): A whisper-light, dusty red — the color of embers at dusk.
- Rosewood Mist (#CBB5C2): A luminous, dusty pink — the color of a candy shop window.
- Slate (#28719F): A full-bodied, balanced blue — the color of a favorite pair of jeans.
- Charcoal (#33443E): A deep, shadowed, dusty teal — the color of shallow lagoons.
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
- Hushed Quarry color palette (#EBF4F1, #E5D5D9, #D4B5C3, #0073A4, #122A22)
- Softworn Cerulean color palette (#ECF7FF, #D9D7E8, #C8B9D6, #2790C6, #2F4251)
- Cypress Workshop color palette (#EFF8EE, #C9DFDC, #A2C5B7, #007A78, #374437)
- Denim Coast color palette (#F4EBF5, #DBC4D5, #B397A5, #1E5690, #332A34)
- Softworn Driftwood Bloom color palette (#FCF2F4, #E3D8D3, #ABAEA2, #9D757F, #585052)
- Dusty Powder color palette (#EFF6FF, #A8A6E8, #8F689A, #76582D, #51521F)
- Mustard Workshop color palette (#FFF3E3, #B4A61F, #5F7300, #1B596C, #3D3A34)
- Patina Violet Veranda color palette (#FFF0FD, #A2DEFF, #82AAFF, #9569D1, #2A325E)
Browse the whole catalog at Explore, or see today's palette.