Softworn Petrol color palette — #F1E7E1 · #5EAFC2 · #006E9D · #004B40 · #001134
Peacock and Cyan set the tone — five colors that lean into trust and stability.
The five colors
- Parchment (#F1E7E1): bright and airy, almost weightless.
- Cyan (#5EAFC2): A luminous, balanced blue — the color of a favorite pair of jeans.
- Peacock (#006E9D): A full-bodied, balanced blue — the color of a favorite pair of jeans.
- Forest (#004B40): A deep, shadowed, dusty teal — the color of shallow lagoons.
- Midnight (#001134): A deep, shadowed, dusty blue — the color of a favorite pair of jeans.
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
- Faded Ridge color palette (#F3E9E1, #88B9D3, #1474D2, #005959, #151749)
- Aqua Bloom color palette (#F7EAF2, #48C9E4, #006F9E, #003F35, #00020C)
- Aged Market color palette (#F0E6DC, #6E9D92, #3B4EA7, #003A44, #0C0026)
- Cerulean Drift color palette (#DBE9E7, #349EB6, #005268, #002F33, #001622)
- Turquoise Harbor color palette (#E7EAD9, #24C4E3, #0091B5, #006C72, #001622)
- Patina Cerulean color palette (#F6ECE8, #ADCEB7, #2091C1, #006E5A, #002D5C)
- Weathered Turquoise color palette (#FCF3EE, #ABE8EB, #00ACD3, #00865E, #04446A)
- Washed Cerulean Meadow color palette (#FBF4ED, #C1E7EB, #87A4E0, #008A98, #5C3C4F)
Browse the whole catalog at Explore, or see today's palette.