Softworn Petrol color palette — #F4EDE3 · #8DBDAA · #006BB3 · #004E57 · #182C54
A conversation between Royal Blue and Navy, giving this palette its sense of trust and stability.
The five colors
- Cream (#F4EDE3): bright and airy, almost weightless.
- Mint Leaf (#8DBDAA): A luminous, dusty teal — the color of glacier melt.
- Royal Blue (#006BB3): A full-bodied, balanced blue — the color of deep harbor water.
- Deep Teal (#004E57): A deep, shadowed, dusty blue — the color of a favorite pair of jeans.
- Navy (#182C54): A deep, shadowed, dusty violet — the color of wild irises.
Feels like: Trust, Stability, Creativity, Calm, Balance. 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
- Timeworn Petrol Delta color palette (#F3EEE6, #9DBB9B, #007681, #00523B, #003441)
- Patina Cobalt Lantern color palette (#FAF4EC, #A6CFC3, #4978C0, #005D71, #4D2F45)
- Patina Cabin color palette (#F5E6DA, #6BBFE7, #3068C1, #004C44, #160C36)
- Frosted Periwinkle color palette (#E2F2F1, #ABDBF6, #55ADEA, #008DAA, #092F51)
- Antique Cerulean color palette (#E8DFD0, #2D9EB8, #00506E, #00302F, #001529)
- Softworn Villa color palette (#F8F5EF, #C8E5CE, #0099BB, #197165, #304F44)
- Plum Summit color palette (#FFE9E5, #BD215E, #506900, #005181, #370F1C)
- Mulberry Loft color palette (#FAD4CF, #BF5580, #007D64, #86004A, #003126)
Browse the whole catalog at Explore, or see today's palette.