Petrol Cabin color palette — #EDF8F4 · #ECDBE9 · #C4ABB6 · #2C6A8F · #2F3E39

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

The five colors

• Ivory (#EDF8F4): bright and airy, almost weightless.
• Shell Pink (#ECDBE9): A whisper-light, dusty pink — the color of neon signs at night.
• Rosewood Mist (#C4ABB6): A luminous, dusty rose — the color of pressed rose petals.
• Peacock (#2C6A8F): A full-bodied, balanced blue — the color of open sky before noon.
• Charcoal (#2F3E39): A deep, shadowed, dusty teal — the color of glacier melt.

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

• Ancient Petrol color palette (#ECF4F1, #E0D4D6, #C5B1B7, #336B8A, #13251E)
• Hushed Atelier color palette (#EEF6FD, #D9D8E1, #C7B9CD, #378AB4, #313C44)
• Muted Workshop color palette (#FCF2F5, #EDD6CA, #D8B2A8, #7D5A8F, #4D3A3F)
• Aged Courtyard color palette (#FBF2F6, #E3D8D4, #ACAEA4, #977787, #575053)
• Wandering Navy color palette (#E1F0EB, #C9B0C1, #A6838F, #004779, #13231F)
• Weathered Thicket color palette (#F7EBED, #DEC6C3, #B9988C, #713E74, #372A2C)
• Fern Workshop color palette (#C5ECFF, #BA93AE, #946C72, #5E5903, #454300)
• Muted Taupe Cabin color palette (#FFF3E6, #AC9B4F, #596B2D, #5D4057, #38352E)

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