Softworn Petrol color palette — #D8F0E5 · #007CA5 · #12335B · #001C12 · #000602

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

The five colors

• Honeydew (#D8F0E5): A whisper-light, dusty teal — the color of glacier melt.
• Cerulean (#007CA5): A full-bodied, balanced blue — the color of deep harbor water.
• Navy (#12335B): A deep, shadowed, balanced blue — the color of open sky before noon.
• Ink (#001C12): A deep, shadowed, dusty teal — the color of sea glass.
• Ink (#000602): A deep, shadowed, dusty teal — the color of sea glass.

Feels like: Trust, Stability, Calm, Sophistication. Tagged noir, dark, luxury, muted.

Use it as a design system

One click turns Softworn 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 Canyon color palette (#D8E5D4, #008476, #003A41, #0C1A06, #030501)
• Eclipse Denim color palette (#DBF5E8, #005E7A, #2B2F37, #121539, #000D06)
• Cerulean Courtyard color palette (#E0EEF9, #0099C8, #435376, #1A3342, #000608)
• Deep Denim color palette (#E8DBE9, #0061B0, #1B1C50, #130215, #000201)
• Soft Boulevard color palette (#F6E3F4, #1462F7, #312C54, #230C21, #000604)
• Dusty Cornflower Atelier color palette (#F0DEEE, #5D8CEB, #624154, #382836, #111B18)
• Muted Cerulean color palette (#F2EEE7, #8CD2D7, #0096B0, #006E5C, #003346)
• Hazy Scarlet color palette (#F9E0F2, #637AEE, #D8351A, #007E3E, #151C3C)

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