Softworn Petrol color palette — #E1F2F0 · #84C2D0 · #00738D · #003D40 · #000305
A conversation between Teal and Ash, giving this palette its sense of trust and stability.
The five colors
- Cream (#E1F2F0): a clean, paper-quiet neutral.
- Ash (#84C2D0): A luminous, dusty blue — the color of open sky before noon.
- Teal (#00738D): A full-bodied, balanced blue — the color of a favorite pair of jeans.
- Deep Teal (#003D40): A deep, shadowed, dusty blue — the color of a favorite pair of jeans.
- Ink (#000305): a grounded near-black with real depth.
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
- Softworn Petrol Corridor color palette (#E1F2F2, #84BDEF, #2267B5, #003A52, #000112)
- Muted Dune color palette (#E4FBF9, #9DD5F0, #1D83B8, #004F5E, #000E1D)
- Dusty Periwinkle color palette (#DFF4FF, #96CFFF, #76A4E9, #005D6F, #00070D)
- Feathered Grape color palette (#C5E8F7, #007291, #6125CA, #005031, #000102)
- Worn Olive color palette (#C9EDFC, #008E9E, #696D00, #00444D, #010100)
- Cerulean Cabin color palette (#F7E6DE, #3898AA, #005070, #002D24, #000411)
- Cobalt Coast color palette (#E7DBE4, #88B8CE, #008EC4, #006F5D, #001231)
- Azure Alley color palette (#DFFCF9, #CDDDF2, #00A7E1, #00707F, #00283F)
Browse the whole catalog at Explore, or see today's palette.