Worn Petrol color palette — #EBF8FC · #4BC3C8 · #0077AA · #006D71 · #142633
Built around Cerulean, softened by Cyan — the whole palette hums with trust and stability.
The five colors
- Ivory (#EBF8FC): a clean, paper-quiet neutral.
- Cyan (#4BC3C8): A luminous, balanced teal — the color of shallow lagoons.
- Cerulean (#0077AA): A full-bodied, balanced blue — the color of deep harbor water.
- Teal (#006D71): A full-bodied, balanced teal — the color of shallow lagoons.
- Midnight (#142633): A deep, shadowed, dusty blue — the color of a favorite pair of jeans.
Feels like: Trust, Stability, Calm, Balance. Tagged duotone, muted, cool.
Use it as a design system
One click turns Worn Petrol 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 Balcony color palette (#F0F6FB, #90C9E8, #6F77B6, #0C77A0, #282E3A)
- Pine Veranda color palette (#EDF8F7, #89BD95, #00807A, #007336, #0F282D)
- Cobalt Workshop color palette (#E6F5F7, #65C8AF, #6D6CAE, #007661, #0A0E19)
- Powdered Cobalt Villa color palette (#DEFCFC, #55A2C6, #226BB5, #673A6B, #2B4050)
- Aged Cobalt color palette (#DEF7FF, #5DB9E3, #0081C1, #004E91, #3C2B6B)
- Iris Alley color palette (#F2F7EE, #63DDC0, #678DDD, #28947D, #2B202A)
- Ultramarine Alley color palette (#E4F5FF, #009EC1, #1E1EEB, #004F62, #060F2C)
- Petrol Boulevard color palette (#EFF6FA, #D6DBE6, #BAC0D4, #33808E, #3E4A4F)
Browse the whole catalog at Explore, or see today's palette.