Petrol Cabin color palette — #F9F5E9 · #828341 · #3E6C9B · #623B64 · #39332E
Slate and Olive Leaf set the tone — five colors that lean into nature and growth.
The five colors
- Ivory (#F9F5E9): a clean, paper-quiet neutral.
- Olive Leaf (#828341): A full-bodied, balanced green — the color of new leaves after rain.
- Slate (#3E6C9B): A full-bodied, balanced blue — the color of deep harbor water.
- Mulberry (#623B64): A full-bodied, balanced pink — the color of a candy shop window.
- Espresso (#39332E): quiet, heavy and certain.
Feels like: Nature, Growth, Trust, Stability, Creativity, Sophistication. Tagged jewel, vibrant, 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
- Ancient Petrol Thicket color palette (#FBF4EC, #AB8656, #1B7784, #4F4B78, #3D2B26)
- Ancient Quarry color palette (#F4F7E9, #5F996C, #675D94, #783D4A, #3A3731)
- Muted Summit color palette (#F2F3E7, #769569, #057569, #693471, #201D0A)
- Washed Fern Garden color palette (#FDF4E6, #9BB17D, #47856E, #5D5278, #484C00)
- Driftwood Harbor color palette (#F6F5EE, #D6DCD5, #A4AFB3, #8F833A, #54534A)
- Washed Nightshade Archive color palette (#F8F7DA, #5E8610, #2337A3, #700055, #361D00)
- Antique Archive color palette (#F0F4E4, #538C5C, #37402F, #282A1F, #121610)
- Forest Dune color palette (#FFF6D1, #AEC99F, #578E66, #006B54, #00514C)
Browse the whole catalog at Explore, or see today's palette.