Softworn Petrol color palette — #ECF0E5 · #89BDE4 · #0069B5 · #003B4E · #00020C

Royal Blue takes the lead with Sky close behind in a set that reads as trust and stability at first glance.

The five colors

• Cream (#ECF0E5): a clean, paper-quiet neutral.
• Sky (#89BDE4): A luminous, dusty blue — the color of deep harbor water.
• Royal Blue (#0069B5): A full-bodied, balanced blue — the color of deep harbor water.
• Deep Teal (#003B4E): A deep, shadowed, dusty blue — the color of open sky before noon.
• Ink (#00020C): A deep, shadowed, dusty blue — the color of deep harbor water.

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

• Ancient Petrol color palette (#EEF0E0, #84C4C7, #007581, #003E39, #000305)
• Antique Cerulean color palette (#F5F6ED, #B6D5B9, #008A99, #00524C, #000F14)
• Navy Villa color palette (#FAE8EE, #5291BC, #0E3EA3, #002B2F, #04001A)
• Patina Cornflower color palette (#F5EBE0, #78B8E6, #427BF2, #006C74, #12063A)
• Azure Terrace color palette (#F3F7EB, #B8E9EC, #4698D9, #006680, #001E40)
• Teal Parlor color palette (#F7F7E2, #B2FFFB, #00AFB6, #007463, #002A30)
• Hushed Boulevard color palette (#ECEBDC, #547300, #006663, #643500, #010100)
• Timeworn Sky color palette (#F4F7EA, #BCE2F2, #49BBF2, #008597, #003959)

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