Softworn Petrol color palette — #EDF0E4 · #86B9D6 · #006EAA · #004D60 · #0F2F50
A conversation between Peacock and Deep Teal, giving this palette its sense of trust and stability.
The five colors
- Cream (#EDF0E4): a clean, paper-quiet neutral.
- Sky (#86B9D6): A luminous, dusty blue — the color of deep harbor water.
- Peacock (#006EAA): 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 (#0F2F50): A deep, shadowed, dusty blue — the color of deep harbor water.
Feels like: Trust, Stability, 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
- Cypress Grove color palette (#F0F0DF, #7BC0BC, #00777C, #005145, #00353B)
- Worn Cobalt Orchard color palette (#E6F2E9, #9BCCE8, #4B8BC7, #006A77, #1A2C52)
- Softworn Cerulean Villa color palette (#E7EAD7, #00A0BE, #005169, #002F33, #001623)
- Antique Periwinkle Study color palette (#F5EDE7, #B4DECD, #73A2FE, #009288, #302259)
- Muted Ash Corridor color palette (#F4F6EE, #C4E7EB, #759DC7, #527867, #5D4C5D)
- Timeworn Courtyard color palette (#F2DDE3, #9136C3, #A5273D, #005181, #33131F)
- Aged Blush Grove color palette (#FFE3EA, #F1B7F5, #D177AD, #635386, #49242E)
- Worn Grape Atelier color palette (#DDE3FF, #7E72FF, #6238C6, #47207C, #392151)
Browse the whole catalog at Explore, or see today's palette.