Softworn Petrol color palette — #DBF4F8 · #007887 · #003848 · #0D1C1E · #00090C
Built around Teal, softened by Deep Teal — the whole palette hums with trust and stability.
The five colors
- Frost (#DBF4F8): A whisper-light, dusty blue — the color of a favorite pair of jeans.
- Teal (#007887): A full-bodied, balanced blue — the color of a favorite pair of jeans.
- Deep Teal (#003848): A deep, shadowed, dusty blue — the color of a favorite pair of jeans.
- Ink (#0D1C1E): A deep, shadowed, dusty blue — the color of deep harbor water.
- Ink (#00090C): A deep, shadowed, dusty blue — the color of a favorite pair of jeans.
Feels like: Trust, Stability, Sophistication. Tagged noir, dark, luxury, 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
- Velvet Pine color palette (#DCE6CE, #007E56, #003C31, #101D1A, #050900)
- Midnight Denim color palette (#DBF4E1, #005E68, #3A3844, #001A2E, #000401)
- Hushed Cerulean Harbor color palette (#D5EDF5, #00A1C6, #106085, #143E2B, #000B03)
- Patina Terrace color palette (#F6E8F6, #55A3FF, #57668D, #4F3851, #011610)
- Hazy Cobalt Delta color palette (#E6EBDB, #75B8E7, #1587DD, #006887, #001231)
- Timeworn Sky Orchard color palette (#E3F7EE, #66C3F1, #6A817A, #485952, #1D2320)
- Washed Lilac color palette (#F6DDE7, #B595F6, #83676F, #57434C, #1E151A)
- Sapphire Station color palette (#FFE4FE, #0063D8, #262F54, #120013, #000202)
Browse the whole catalog at Explore, or see today's palette.