Worn Petrol color palette — #C0EBE8 · #007E8D · #004C64 · #002741 · #000321

Teal and Navy set the tone — five colors that lean into trust and stability.

The five colors

• Honeydew (#C0EBE8): A whisper-light, dusty teal — the color of glacier melt.
• Teal (#007E8D): A full-bodied, balanced blue — the color of open sky before noon.
• Navy (#004C64): A deep, shadowed, dusty blue — the color of a favorite pair of jeans.
• Midnight (#002741): A deep, shadowed, dusty blue — the color of open sky before noon.
• Ink (#000321): A deep, shadowed, dusty violet — the color of a velvet chair.

Feels like: Trust, Stability, Calm, Sophistication. Tagged 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

• Muted Petrol Study color palette (#DFF3F4, #007589, #004D63, #001728, #000104)
• Washed Navy color palette (#D3F4EA, #008B8F, #00617E, #003870, #050029)
• Aged Pine Canyon color palette (#DDF1D6, #008459, #005147, #002D2D, #000A0E)
• Navy Bloom color palette (#C6E7E9, #007793, #004F7E, #080082, #09002B)
• Chestnut Pier color palette (#CFE1EF, #00729B, #864300, #003E55, #0E0300)
• Chalky Orchid color palette (#E0ECF6, #77A0F2, #9C60C6, #005554, #000C1C)
• Cocoa Market color palette (#DFEFF6, #00617F, #842D00, #4D3A00, #000204)
• Muted Nightshade Garden color palette (#D6EAED, #00B0E7, #0076BB, #1E42A5, #281F51)

Browse the whole catalog at Explore, or see today's palette.