Softworn Petrol color palette — #ECF8F7 · #BFE2F7 · #5293B4 · #016F7D · #2F4B61
Teal takes the lead with Cerulean close behind in a set that reads as trust and stability at first glance.
The five colors
- Ivory (#ECF8F7): bright and airy, almost weightless.
- Powder Blue (#BFE2F7): A whisper-light, dusty blue — the color of open sky before noon.
- Cerulean (#5293B4): A luminous, balanced blue — the color of a favorite pair of jeans.
- Teal (#016F7D): A full-bodied, balanced blue — the color of a favorite pair of jeans.
- Charcoal (#2F4B61): A full-bodied, dusty blue — the color of deep harbor water.
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
- Cerulean Delta color palette (#F8EFF4, #C8E0EF, #5893C5, #006D67, #1B2C48)
- Cypress Station color palette (#DEEEEA, #74A8B5, #006467, #003F34, #002529)
- Lagoon Hollow color palette (#FAF4F0, #C2E7E5, #78AAD6, #008D85, #38466C)
- Softworn Cerulean Villa color palette (#DAEAE7, #428D98, #004452, #002222, #000B11)
- Washed Petrol Courtyard color palette (#DFF3F2, #82BAD6, #006FA4, #004D5D, #003054)
- Airy Canyon color palette (#F3F4FF, #9475CA, #B35B71, #287194, #333551)
- Wandering Driftwood Delta color palette (#F3F4FF, #E9D8E0, #DEAFD4, #7C78AA, #464560)
- Quiet Drift color palette (#D4E4FF, #93A2EB, #7171BB, #524B8B, #543654)
Browse the whole catalog at Explore, or see today's palette.