Worn Petrol color palette — #D2EDDF · #007DA0 · #1C315B · #001C11 · #020602

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

The five colors

• Honeydew (#D2EDDF): A whisper-light, dusty teal — the color of sea glass.
• Cerulean (#007DA0): A full-bodied, balanced blue — the color of a favorite pair of jeans.
• Navy (#1C315B): A deep, shadowed, dusty violet — the color of a velvet chair.
• Ink (#001C11): A deep, shadowed, dusty teal — the color of sea glass.
• Ink (#020602): a grounded near-black with real depth.

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

• Shadow Denim color palette (#BEE9DD, #0064A7, #20272F, #21194F, #000C09)
• Muted Cerulean Field color palette (#DCEDF8, #009AC3, #485175, #1A3341, #000608)
• Antique Balcony color palette (#F8E7F8, #116CDF, #36275C, #220C23, #010603)
• Ancient Iris Archive color palette (#ECE0EC, #5C8FE0, #624251, #362836, #111B17)
• Cerulean Workshop color palette (#F5ECE8, #81D5D8, #0095B6, #006F4C, #05314C)
• Weathered Alley color palette (#FDE7FB, #4480F3, #A36E00, #706D00, #2D152C)
• Dusty Pine color palette (#EAE4D7, #99AE76, #008942, #1A6162, #2E2A03)
• Twilit Ultramarine color palette (#F7DFF1, #2923DF, #25003E, #060E12, #070006)

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