Softworn Petrol color palette — #D7F4F9 · #006E8D · #003C5C · #00153B · #03001A

Peacock takes the lead with Midnight close behind in a set that reads as trust and stability at first glance.

The five colors

• Frost (#D7F4F9): A whisper-light, dusty blue — the color of open sky before noon.
• Peacock (#006E8D): A full-bodied, balanced blue — the color of open sky before noon.
• Navy (#003C5C): A deep, shadowed, dusty blue — the color of open sky before noon.
• Midnight (#00153B): A deep, shadowed, dusty blue — the color of a favorite pair of jeans.
• Ink (#03001A): A deep, shadowed, dusty violet — the color of twilight just after sunset.

Feels like: Trust, Stability, Calm, Sophistication. Tagged muted, cool.

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

• Frosted Cobalt color palette (#CBEAF9, #008CC0, #005C8C, #002343, #00030E)
• Deep Thicket color palette (#D8E9DE, #006B5C, #004746, #001B22, #00050A)
• Hushed Pier color palette (#D3F2E8, #005F9B, #624200, #002C4B, #050200)
• Velvet Sapphire Canyon color palette (#D9E3FD, #3C60CE, #002E7C, #000E2D, #00000B)
• Raspberry Orchard color palette (#E0EDFF, #8E93CE, #AA519B, #004B58, #040221)
• Linen Nightshade color palette (#C7E7EC, #008EAB, #005A92, #0013A3, #0B0040)
• Patina Orchard color palette (#CEE8F8, #0060C3, #3200AD, #220047, #080012)
• Deep Navy color palette (#D6E7FB, #00498B, #5A3400, #282E03, #000104)

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