Softworn Petrol color palette — #CAEAEC · #007B8A · #005168 · #002D45 · #000817

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

The five colors

• Frost (#CAEAEC): A whisper-light, dusty blue — the color of open sky before noon.
• Teal (#007B8A): A full-bodied, balanced blue — the color of deep harbor water.
• Peacock (#005168): A full-bodied, dusty blue — the color of a favorite pair of jeans.
• Midnight (#002D45): A deep, shadowed, dusty blue — the color of deep harbor water.
• Ink (#000817): A deep, shadowed, dusty blue — the color of open sky before noon.

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

• Antique Petrol Loft color palette (#C8EBED, #008394, #004A61, #001625, #000104)
• Weathered Delta color palette (#CCF0E0, #00739A, #874300, #003E55, #0E0300)
• Tempered Pine color palette (#CFE5D4, #00865D, #005847, #002927, #000B0C)
• Navy Loft color palette (#DBEDF7, #0074B4, #004B95, #15007D, #060021)
• Washed Indigo Archive color palette (#C9EADE, #7DA1DB, #816CCB, #004F5E, #000A19)
• Washed Study color palette (#DAF0FF, #005F8A, #8E004D, #3A4200, #000204)
• Dusty Cocoa Meadow color palette (#E9DECB, #76713A, #564200, #351E00, #030400)
• Pale Ultramarine color palette (#D6E6EC, #29A7DD, #007FC5, #004DB1, #242B65)

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