Petrol Cabin color palette — #F3ECE0 · #69C0D2 · #0080A7 · #005A54 · #002138
Built around Cerulean, softened by Cyan — the whole palette hums with trust and stability.
The five colors
- Cream (#F3ECE0): a clean, paper-quiet neutral.
- Cyan (#69C0D2): A luminous, balanced blue — the color of deep harbor water.
- Cerulean (#0080A7): A full-bodied, balanced blue — the color of open sky before noon.
- Peacock (#005A54): A full-bodied, dusty teal — the color of shallow lagoons.
- Midnight (#002138): A deep, shadowed, dusty blue — the color of open sky before noon.
Feels like: Trust, Stability, Calm, 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
- Sapphire Workshop color palette (#F7EEE0, #86B8DC, #0671DF, #005767, #10184B)
- Ancient Cerulean color palette (#E5FBF7, #9CD7E4, #0088A6, #005153, #000F17)
- Turquoise Harbor color palette (#EEDCD3, #2AB1C7, #005D8B, #00402B, #0E194A)
- Azure Atelier color palette (#E8DCE4, #7BCEE0, #389DCF, #007F6B, #001E46)
- Iris Study color palette (#D8ECE2, #9FCAFB, #8C92F1, #007A82, #00281C)
- Weathered Studio color palette (#FCF4E8, #9DD1FF, #4286FF, #006F88, #272C62)
- Washed Denim Hollow color palette (#EBE3D7, #5A9FA9, #00627B, #003C36, #000B14)
- Chalky Corridor color palette (#FBF4E9, #9FE8FE, #00A8E6, #008282, #14426A)
Browse the whole catalog at Explore, or see today's palette.