Softworn Petrol color palette — #EDF0E7 · #94BBAC · #006DAC · #004D60 · #0A2E54

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

The five colors

• Cream (#EDF0E7): bright and airy, almost weightless.
• Sage (#94BBAC): A luminous, dusty teal — the color of shallow lagoons.
• Peacock (#006DAC): A full-bodied, balanced blue — the color of a favorite pair of jeans.
• Deep Teal (#004D60): A deep, shadowed, dusty blue — the color of deep harbor water.
• Navy (#0A2E54): A deep, shadowed, dusty blue — the color of open sky before noon.

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

• Softworn Cypress color palette (#EFEFE5, #9BBB99, #00777D, #005145, #00353C)
• Muted Pier color palette (#F4F6F0, #AECDC4, #4479BE, #005A7D, #293A5C)
• Worn Garden color palette (#F0E7E1, #82BBDE, #2B69C0, #004B4E, #111132)
• Periwinkle Pier color palette (#E0F3F2, #A3DBFF, #45ACFA, #008CAE, #112F50)
• Denim Station color palette (#E3E6D6, #5A9AAE, #00516B, #002F34, #001624)
• Petrol Alley color palette (#F4F6F0, #C9E3E6, #7A9DC1, #2B7896, #5F4B5E)
• Soft Field color palette (#FFEBE6, #E4B6A3, #D48462, #9E2E5C, #4F2629)
• Antique Bloom color palette (#F8D5CE, #C45273, #786B00, #89003E, #2F2900)

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