Worn Petrol color palette — #EBF8F7 · #D9DDE8 · #6DAEDC · #0D7B93 · #0A3050
Built around Teal, softened by Cornflower — the whole palette hums with trust and stability.
The five colors
- Ivory (#EBF8F7): a clean, paper-quiet neutral.
- Silver (#D9DDE8): a clean, paper-quiet neutral.
- Cornflower (#6DAEDC): A luminous, balanced blue — the color of deep harbor water.
- Teal (#0D7B93): A full-bodied, balanced blue — the color of open sky before noon.
- Navy (#0A3050): A deep, shadowed, dusty blue — the color of a favorite pair of jeans.
Feels like: Trust, Stability, Calm, Sophistication. Tagged coastal, cool, light, muted.
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 Courtyard color palette (#E1F3EF, #6CC7D0, #007485, #003E3C, #000305)
- Aged Denim color palette (#D5ECEB, #7BA8C6, #00588F, #002936, #000104)
- Hushed Lagoon color palette (#FAF3F6, #C4E5FD, #82B5F3, #00A0A0, #30375F)
- Hushed Lilac Basin color palette (#E2FAFF, #62D6C6, #949BFC, #00897C, #201F53)
- Cerulean Balcony color palette (#EBF9F6, #C7E2FF, #00A4B5, #006B62, #00232B)
- Cobalt Basin color palette (#F4F6EE, #AACFBF, #0D80BB, #005D70, #1D3D5A)
- Antique Cobalt Cabin color palette (#F7F0EB, #9FCFE8, #427EC1, #005B5B, #32142B)
- Hushed Teal color palette (#E4FAFF, #D1DCE8, #B9ADB3, #5FA696, #16404A)
Browse the whole catalog at Explore, or see today's palette.