Softworn Petrol color palette — #EDF8F3 · #C7DFE3 · #C8B6C4 · #007598 · #34443D
Teal and Stone set the tone — five colors that lean into trust and stability.
The five colors
- Ivory (#EDF8F3): a clean, paper-quiet neutral.
- Silver (#C7DFE3): A whisper-light, dusty blue — the color of deep harbor water.
- Stone (#C8B6C4): A luminous, dusty pink — the color of a candy shop window.
- Teal (#007598): A full-bodied, balanced blue — the color of deep harbor water.
- Charcoal (#34443D): A deep, shadowed, dusty teal — the color of shallow lagoons.
Feels like: Trust, Stability, Sophistication. Tagged scandi, muted, light.
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
- Muted Petrol Loft color palette (#FDF1F9, #E6D5D4, #D4B2BA, #5B64A5, #4A3A45)
- Patina Petrol Thicket color palette (#ECF4EF, #E3D5D9, #D1B7C1, #007794, #152A20)
- Tempered Driftwood color palette (#FBF2F5, #E1D8D5, #ACADA1, #9B7683, #585053)
- Timeworn Chestnut Veranda color palette (#D6ECFF, #9AA8D1, #826D99, #805427, #534B17)
- Turquoise Thicket color palette (#ECF7FE, #D6D9E7, #BBA5AD, #40B2DF, #34424B)
- Teal Market color palette (#F5F7E6, #68B68E, #007B69, #005C67, #393C35)
- Charred Orchard color palette (#E8DAE8, #0065CC, #25254F, #231024, #04160F)
- Antique Navy color palette (#EEE8EE, #C4B3BD, #9D8790, #1B4185, #281927)
Browse the whole catalog at Explore, or see today's palette.