Petrol Cabin color palette — #F8ECE6 · #6EC0CA · #007394 · #00523D · #083050
Teal and Cyan set the tone — five colors that lean into trust and stability.
The five colors
- Cream (#F8ECE6): bright and airy, almost weightless.
- Cyan (#6EC0CA): A luminous, balanced blue — the color of open sky before noon.
- Teal (#007394): A full-bodied, balanced blue — the color of deep harbor water.
- Forest (#00523D): A deep, shadowed, dusty teal — the color of shallow lagoons.
- Deep Teal (#083050): A deep, shadowed, dusty blue — the color of deep harbor water.
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
- Petrol Lantern color palette (#F2E6E2, #83BFC7, #16739F, #004E30, #051335)
- Wandering Cobalt color palette (#FCF3EE, #A8D0B7, #2481B2, #006154, #263B5C)
- Muted Quarry color palette (#F7EDE1, #8EB6DC, #4860B8, #004E59, #2E274A)
- Dusty Turquoise color palette (#E7F2E9, #AFDBEC, #2EB5D9, #009382, #00324A)
- Tempered Studio color palette (#EBDAD1, #00A59E, #00535F, #003217, #001622)
- Turquoise Terrace color palette (#EBF4D2, #5BE2D3, #0AAFDA, #59622A, #2F322C)
- Antique Archive color palette (#FBF4EE, #BDE7D8, #6B8BBD, #276E73, #593E4F)
- Hushed Bloom color palette (#AFFED7, #00AB84, #006441, #00351E, #00180E)
Browse the whole catalog at Explore, or see today's palette.