Softworn Petrol color palette — #F0F4E9 · #C5E4DC · #738FB7 · #2E6583 · #3A2337

A conversation between Peacock and Slate Blue, giving this palette its sense of trust and stability.

The five colors

• Cream (#F0F4E9): a clean, paper-quiet neutral.
• Silver (#C5E4DC): A whisper-light, dusty teal — the color of glacier melt.
• Slate Blue (#738FB7): A luminous, dusty blue — the color of open sky before noon.
• Peacock (#2E6583): A full-bodied, dusty blue — the color of a favorite pair of jeans.
• Onyx (#3A2337): A deep, shadowed, dusty pink — the color of a candy shop window.

Feels like: Trust, Stability, 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 Summit color palette (#F1F3EA, #C1E7D2, #5097B7, #1E6A73, #0E3429)
• Hushed Petrol color palette (#FBF3F5, #C8DFF7, #7888B9, #006E7F, #404564)
• Washed Cobalt color palette (#EFF4E5, #AAD5FA, #4185CF, #005D7D, #042154)
• Lagoon Balcony color palette (#E5E6D7, #51979A, #00535C, #002C28, #000508)
• Ancient Rust color palette (#FFECF0, #AA78B4, #B5655E, #416DA2, #30141B)
• Powder Chapel color palette (#FBF4EC, #C5E2F7, #A3B9F3, #478E9A, #3E3A5D)
• Faded Violet Meadow color palette (#EBE9FB, #A894DB, #8E69B6, #603972, #38203F)
• Muted Pewter Corridor color palette (#FFECF2, #B196CF, #3A9CAD, #755198, #002D34)

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