Softworn Petrol color palette — #EEF0E3 · #78C4D5 · #00738D · #003D40 · #000306
Teal and Sky set the tone — five colors that lean into trust and stability.
The five colors
- Cream (#EEF0E3): a clean, paper-quiet neutral.
- Sky (#78C4D5): A luminous, dusty blue — the color of a favorite pair of jeans.
- 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 (#000306): quiet, heavy and certain.
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
- Sapphire Study color palette (#ECF0E3, #8ABDE7, #0067BE, #003A50, #00020F)
- Softworn Field color palette (#F3F7E8, #A1D4EE, #0083BE, #004F5E, #000D1D)
- Patina Periwinkle color palette (#E1F4FF, #8FCDFF, #6E9AFF, #006279, #000811)
- Dusty Grape color palette (#CEE5F5, #006FA1, #7800C0, #004F3E, #000103)
- Softworn Lagoon Balcony color palette (#D6EBEA, #00959D, #00606A, #002A33, #000203)
- Pale Byzantium Terrace color palette (#DEECE4, #008BAE, #9F00BC, #004355, #030004)
- Softworn Terrace color palette (#F9E9E1, #1BC5DF, #008EC3, #006F5C, #00132F)
- Aged Denim color palette (#F6E4DB, #559BA9, #004F77, #003121, #060B3D)
Browse the whole catalog at Explore, or see today's palette.