Petrol Cabin color palette — #F8ECE3 · #86BAD2 · #136AB5 · #00504E · #202956
Royal Blue takes the lead with Navy close behind in a set that reads as trust and stability at first glance.
The five colors
- Cream (#F8ECE3): a clean, paper-quiet neutral.
- Ash (#86BAD2): A luminous, dusty blue — the color of open sky before noon.
- Royal Blue (#136AB5): A full-bodied, balanced blue — the color of deep harbor water.
- Forest (#00504E): A deep, shadowed, dusty teal — the color of shallow lagoons.
- Navy (#202956): A deep, shadowed, balanced violet — the color of a velvet chair.
Feels like: Trust, Stability, Creativity, Calm, Balance. Tagged coastal, cool, light, 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
- Timeworn Terrace color palette (#DCEDEC, #7EBDDC, #0072A8, #004958, #00172C)
- Aged Basin color palette (#F9F4EF, #A6CFC1, #4A76C6, #005F66, #36365A)
- Teal Ridge color palette (#EDE0D8, #58AFAB, #006272, #004122, #002334)
- Antique Harbor color palette (#FFF2EC, #86E0E2, #008EAB, #006A46, #064467)
- Cerulean Atelier color palette (#E6F2E8, #AADBF4, #6CABE0, #008F9B, #102C5A)
- Cypress Dune color palette (#FAF4EF, #C5ECEE, #7D9BC6, #287C80, #614A59)
- Muted Corridor color palette (#E0F3D2, #7AD2E2, #54A2EB, #396B2E, #1E3520)
- Emerald Veranda color palette (#DDE9D5, #21AC4C, #006A4F, #004C46, #003338)
Browse the whole catalog at Explore, or see today's palette.