Softworn Petrol color palette — #B8F3E4 · #77B0C3 · #5167A9 · #543500 · #171300
A conversation between Slate and Cocoa, giving this palette its sense of trust and stability.
The five colors
- Sea Foam (#B8F3E4): A whisper-light, dusty teal — the color of sea glass.
- Blue Fog (#77B0C3): A luminous, dusty blue — the color of a favorite pair of jeans.
- Slate (#5167A9): A full-bodied, balanced violet — the color of wild irises.
- Cocoa (#543500): A deep, shadowed, dusty gold — the color of honey in a jar.
- Ink (#171300): A deep, shadowed, dusty green — the color of a quiet forest floor.
Feels like: Trust, Stability, Optimism, Creativity, Calm, Balance. Tagged vintage, retro, 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
- Weathered Petrol color palette (#DFEED7, #70B8B1, #00769E, #6C280B, #2B1700)
- Pewter Chapel color palette (#ACEBFF, #71A2DF, #7E599D, #484815, #171700)
- Tempered Workshop color palette (#E0F0E0, #3B9192, #41587B, #332A00, #171200)
- Washed Sky color palette (#C9ECF8, #5FB0E0, #6685B0, #845964, #052E05)
- Garnet Summit color palette (#C1ECEF, #5985A4, #3F4D80, #602322, #3A1C00)
- Muted Market color palette (#FFF0FA, #9BD9D4, #00899C, #00552A, #000F18)
- Dusty Aubergine Terrace color palette (#D6ECF8, #6C76AC, #6D2A6B, #142200, #000200)
- Patina Iris color palette (#D7FEFF, #A1D3FF, #957AC1, #766700, #1E420F)
Browse the whole catalog at Explore, or see today's palette.