Softworn Petrol color palette — #F1F4E4 · #72CADF · #007E9E · #005155 · #001D2B
Cerulean and Sky set the tone — five colors that lean into trust and stability.
The five colors
- Cream (#F1F4E4): A whisper-light, dusty green — the color of fresh herbs.
- Sky (#72CADF): A luminous, balanced blue — the color of open sky before noon.
- Cerulean (#007E9E): A full-bodied, balanced blue — the color of a favorite pair of jeans.
- Forest (#005155): A deep, shadowed, dusty blue — the color of deep harbor water.
- Midnight (#001D2B): 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
- Aged Balcony color palette (#F2F3E8, #ADD2B8, #008AA6, #005B5C, #00281A)
- Cobalt Courtyard color palette (#EEF5E2, #8EC1EB, #0072CE, #004D68, #001643)
- Petrol Garden color palette (#FFF0FA, #5AC9E2, #0076A8, #00574B, #0E3164)
- Gentle Glacier Ridge color palette (#DEFDF8, #53DFFD, #009BC1, #007177, #00384E)
- Hushed Coast color palette (#E7EADA, #5BA8C1, #006180, #00383F, #000C16)
- Navy Parlor color palette (#DEE3D2, #517E9B, #003E67, #001E28, #000105)
- Gentle Plum color palette (#F0DCE0, #D0005D, #8A5900, #681BB2, #23000A)
- Powdered Peony Coast color palette (#F3D4E6, #D541A8, #946900, #860066, #1F1300)
Browse the whole catalog at Explore, or see today's palette.