Petrol Cabin color palette — #EFF0E3 · #89AA8D · #008392 · #005E57 · #000B10

A conversation between Cerulean and Peacock, giving this palette its sense of nature and growth.

The five colors

• Cream (#EFF0E3): bright and airy, almost weightless.
• Sage (#89AA8D): A luminous, dusty green — the color of new leaves after rain.
• Cerulean (#008392): A full-bodied, balanced blue — the color of deep harbor water.
• Peacock (#005E57): A full-bodied, dusty teal — the color of shallow lagoons.
• Ink (#000B10): A deep, shadowed, dusty blue — the color of deep harbor water.

Feels like: Nature, Growth, Trust, Stability, Sophistication. 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

• Softworn Cobalt Hollow color palette (#E8EBE0, #6EA9C6, #007DB3, #005B6B, #000A17)
• Antique Denim Delta color palette (#FCEAE2, #629EA3, #00627C, #003D2B, #000A17)
• Olive Basin color palette (#DAE7DC, #008F9A, #7A7400, #006068, #070600)
• Lagoon Canyon color palette (#D4E3E0, #28878E, #00444D, #001F1D, #000202)
• Weathered Azure color palette (#DFE3D7, #97CDBE, #4F94E6, #0076A1, #011753)
• Ultramarine Drift color palette (#D9F4DE, #007E88, #4356CD, #216A00, #000203)
• Sky Boulevard color palette (#F4F7E6, #97E8FF, #00BBEF, #0096A2, #003850)
• Washed Chestnut color palette (#F2DFCC, #A17842, #8A5000, #632F00, #060300)

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