Softworn Petrol color palette — #EBF9D8 · #78BCB3 · #2F99A1 · #00718D · #2E584D
Teal and Cerulean set the tone — five colors that lean into trust and stability.
The five colors
- Custard (#EBF9D8): A whisper-light, dusty green — the color of fresh herbs.
- Mint Leaf (#78BCB3): A luminous, dusty teal — the color of sea glass.
- Cerulean (#2F99A1): A luminous, balanced blue — the color of deep harbor water.
- Teal (#00718D): A full-bodied, balanced blue — the color of a favorite pair of jeans.
- Charcoal Brown (#2E584D): A full-bodied, dusty teal — the color of glacier melt.
Feels like: Trust, Stability, Calm, Balance. Tagged muted, cool.
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 Cerulean Cabin color palette (#C6F2FC, #6CC2C2, #0097A1, #086876, #223F4E)
- Petrol Pier color palette (#E5FDE0, #7EC4CA, #3495B0, #126C99, #664B64)
- Softworn Turquoise color palette (#E4FEE1, #88DADD, #00B0BE, #2E8493, #385746)
- Patina Orchard color palette (#FBF4D0, #A5C297, #549569, #007664, #3F573E)
- Petrol Market color palette (#EEF8F2, #80BACC, #C88386, #00809A, #6B3E41)
- Wandering Lagoon Station color palette (#EAFAF0, #C6E4E8, #F4C9DF, #58968C, #3D5349)
- Gentle Navy Orchard color palette (#99F3E8, #00B2C5, #007FA2, #005483, #203682)
- Aged Market color palette (#E5FBF1, #5CA2C1, #B67577, #A56434, #32483E)
Browse the whole catalog at Explore, or see today's palette.