Softworn Petrol color palette — #E9F6EB · #7FC9D8 · #007DA1 · #00524D · #001C30
Built around Cerulean, softened by Sky — the whole palette hums with trust and stability.
The five colors
- Cream (#E9F6EB): bright and airy, almost weightless.
- Sky (#7FC9D8): A luminous, dusty blue — the color of a favorite pair of jeans.
- Cerulean (#007DA1): A full-bodied, balanced blue — the color of deep harbor water.
- Forest (#00524D): A deep, shadowed, dusty teal — the color of shallow lagoons.
- Midnight (#001C30): 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
- Petrol Coast color palette (#FFF2EC, #74C6D6, #0075AD, #00583D, #1E2E63)
- Antique Periwinkle color palette (#E1F6FF, #A4D6FF, #97A6FF, #006A6C, #002233)
- Sapphire Delta color palette (#E5F7E9, #83C3F0, #006FD7, #004F5E, #0A005A)
- Ancient Denim Summit color palette (#E9F2EB, #69A7B9, #006084, #003938, #000B1A)
- Cerulean Boulevard color palette (#FDF4E5, #80DBED, #009AC6, #00736C, #003656)
- Weathered Navy color palette (#E2ECE4, #4A809D, #003D6B, #001F23, #00000B)
- Plum Grove color palette (#C7EEFD, #007E9D, #AF0084, #5C5300, #001118)
- Quiet Rust Orchard color palette (#C9E7F6, #0096B0, #BF4300, #005666, #2C0900)
Browse the whole catalog at Explore, or see today's palette.