Softworn Petrol color palette — #E9F5F3 · #C1E2F6 · #6494B0 · #006A7A · #0E2E47

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

The five colors

• Ivory (#E9F5F3): a clean, paper-quiet neutral.
• Powder Blue (#C1E2F6): A whisper-light, dusty blue — the color of open sky before noon.
• Slate Blue (#6494B0): A luminous, dusty blue — the color of a favorite pair of jeans.
• Peacock (#006A7A): A full-bodied, balanced blue — the color of deep harbor water.
• Midnight (#0E2E47): 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

• Worn Teal Quarry color palette (#E1EEEB, #53ADAB, #00656B, #003A32, #000D11)
• Tempered Balcony color palette (#D2E8E7, #5391B8, #004D7D, #002A37, #000410)
• Aged Cerulean color palette (#FAF4F0, #C8E4D6, #5E8FBD, #00716D, #3B4669)
• Hushed Rust Workshop color palette (#EFF1FF, #9C7BC7, #BB5D6F, #28729C, #1B1B32)
• Ancient Courtyard color palette (#FAF3F7, #D7D4E0, #8DC0F0, #3E928C, #2F3F5B)
• Denim Villa color palette (#EDF1FF, #9E9CD7, #35A099, #5F58A6, #002F2C)
• Petrol Loft color palette (#DAEEEC, #86BBD8, #1372A6, #004959, #00172D)
• Wandering Harbor color palette (#EFF0FF, #ECD3DF, #E0B2D5, #776E9B, #2F2D42)

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