Softworn Petrol color palette — #F7E9F3 · #8CB9C8 · #00819F · #005C3F · #002139
Cerulean takes the lead with Pine close behind in a set that reads as trust and stability at first glance.
The five colors
- Blush (#F7E9F3): A whisper-light, dusty pink — the color of peonies in June.
- Ash (#8CB9C8): A luminous, dusty blue — the color of deep harbor water.
- Cerulean (#00819F): A full-bodied, balanced blue — the color of a favorite pair of jeans.
- Pine (#005C3F): A full-bodied, balanced teal — the color of shallow lagoons.
- Midnight (#002139): A deep, shadowed, dusty blue — the color of a favorite pair of jeans.
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
- Washed Cobalt color palette (#F8ECF2, #84BAD1, #0078C8, #005956, #0D1355)
- Timeworn Glacier color palette (#FFF2EC, #6AE1E5, #0088A5, #005437, #000E1B)
- Denim Dune color palette (#EDEEDF, #64ADB0, #00636E, #003E39, #00242C)
- Dusty Boulevard color palette (#CFE7E2, #72D2D6, #00A5B5, #007E74, #00242C)
- Powdered Dune color palette (#FFF1F7, #8DD5FC, #208CFB, #007273, #242278)
- Tempered Lagoon color palette (#FAF3F8, #D0DEF3, #74ADCC, #008F76, #2E496A)
- Ancient Magenta Lantern color palette (#EFE8FF, #CA4EBB, #006C67, #076A15, #240020)
- Faded Aubergine Delta color palette (#ECE7FF, #CC6CCD, #488700, #710074, #0D2000)
Browse the whole catalog at Explore, or see today's palette.