Petrol Cabin color palette — #E5F2F0 · #7CBBD6 · #00719D · #004E5A · #09314B
Peacock and Sky set the tone — five colors that lean into trust and stability.
The five colors
- Cream (#E5F2F0): a clean, paper-quiet neutral.
- Sky (#7CBBD6): A luminous, dusty blue — the color of open sky before noon.
- Peacock (#00719D): A full-bodied, balanced blue — the color of open sky before noon.
- Deep Teal (#004E5A): A deep, shadowed, dusty blue — the color of a favorite pair of jeans.
- Deep Teal (#09314B): 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
- Washed Coast color palette (#F2E5EB, #79BEDA, #006FB5, #004C48, #081137)
- Soft Ultramarine Parlor color palette (#D4E7E6, #7FA2C5, #0053B0, #003A53, #0A1A49)
- Faded Cobalt color palette (#F6ECE6, #8BD0EA, #228CD9, #006C66, #1E2B53)
- Lagoon Ridge color palette (#E9F9F5, #9EDBDA, #009199, #00685A, #004952)
- Cerulean Harbor color palette (#DBEDEA, #4F9CAA, #005364, #003030, #001720)
- Azure Drift color palette (#EEF7F6, #D6DCED, #67A0C9, #2D798E, #425567)
- Wandering Periwinkle Workshop color palette (#F9E9F2, #A1DDF6, #6FA8EB, #00937E, #28255B)
- Feathered Emerald color palette (#D9EEDB, #00A062, #007452, #004838, #002E34)
Browse the whole catalog at Explore, or see today's palette.