Softworn Petrol color palette — #EDDCD4 · #99BC9C · #00829E · #005C3D · #002238
Built around Cerulean, softened by Pine — the whole palette hums with nature and growth.
The five colors
- Bone (#EDDCD4): A whisper-light, dusty orange — the color of toasted spice.
- Sage (#99BC9C): A luminous, dusty green — the color of fresh herbs.
- Cerulean (#00829E): A full-bodied, balanced blue — the color of a favorite pair of jeans.
- Pine (#005C3D): A full-bodied, balanced teal — the color of sea glass.
- Midnight (#002238): A deep, shadowed, dusty blue — the color of open sky before noon.
Feels like: Nature, Growth, 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
- Ancient Petrol Alley color palette (#F0E4DC, #83AD95, #006DA4, #004B43, #000844)
- Timeworn Cerulean Courtyard color palette (#F8ECE5, #ACCEB8, #388FC0, #006D5E, #0C2C5B)
- Dusty Station color palette (#FFF0FB, #77DFE3, #0088A5, #005437, #000E1B)
- Ancient Cerulean Courtyard color palette (#E4E5D4, #5BD5D8, #00A5B3, #007E73, #00242B)
- Worn Canyon color palette (#D7F4DB, #92CCF0, #9A9BE6, #007A5D, #002D3A)
- Muted Lagoon Veranda color palette (#E3F1E8, #009F86, #00706C, #004650, #00273A)
- Tempered Drift color palette (#F2E8E2, #5BA09E, #006374, #003E22, #000B14)
- Feathered Market color palette (#D2E8D5, #0098A2, #C73A47, #005E65, #3A0008)
Browse the whole catalog at Explore, or see today's palette.