Petrol Cabin color palette — #F5F6ED · #74A775 · #187AA1 · #65466F · #48413C
Cerulean takes the lead with Moss close behind in a set that reads as nature and growth at first glance.
The five colors
- Ivory (#F5F6ED): a clean, paper-quiet neutral.
- Moss (#74A775): A luminous, balanced green — the color of a quiet forest floor.
- Cerulean (#187AA1): A full-bodied, balanced blue — the color of a favorite pair of jeans.
- Charcoal Brown (#65466F): A full-bodied, dusty pink — the color of a candy shop window.
- Charcoal (#48413C): quiet, heavy and certain.
Feels like: Nature, Growth, Trust, Stability, Creativity, Sophistication. Tagged 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
- Aged Moss color palette (#F5F2E2, #93A743, #696D9C, #693C4F, #3B1E1C)
- Patina Dune color palette (#F9F5EC, #AA9848, #008374, #3F527F, #5B3735)
- Hushed Studio color palette (#EFF8EE, #51A8A6, #6866B1, #7A3F46, #45423B)
- Worn Mustard Field color palette (#E9FAF3, #AEBA5D, #8088BD, #8A5769, #4D3957)
- Tempered Chapel color palette (#F8F5EF, #CCE4DC, #4CA9B3, #497A65, #3A5044)
- Hushed Lagoon color palette (#E6F5D3, #72C2AA, #009389, #006C70, #3A5543)
- Washed Chestnut color palette (#F4F8DF, #BBC9B4, #739B82, #7F6569, #7B4712)
- Seafoam Coast color palette (#E7FAFA, #93D9B6, #6BB7C4, #6D88B0, #1F4C3A)
Browse the whole catalog at Explore, or see today's palette.