Soft Petrol color palette — #F2E7DF · #6CC0DE · #2F6DAD · #004D3F · #110E38
Slate takes the lead with Cyan close behind in a set that reads as trust and stability at first glance.
The five colors
- Parchment (#F2E7DF): a clean, paper-quiet neutral.
- Cyan (#6CC0DE): A luminous, balanced blue — the color of open sky before noon.
- Slate (#2F6DAD): A full-bodied, balanced blue — the color of a favorite pair of jeans.
- Forest (#004D3F): A deep, shadowed, dusty teal — the color of glacier melt.
- Deep Indigo (#110E38): A deep, shadowed, dusty violet — the color of wild irises.
Feels like: Trust, Stability, Creativity, Calm, Balance. Tagged coastal, cool, light.
Use it as a design system
One click turns Soft 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 Forest color palette (#F3E6E2, #68C5C2, #007792, #005011, #00172E)
- Petrol Veranda color palette (#EDF0E5, #81BBD2, #00719C, #004E59, #00314E)
- Tempered Delta color palette (#F9F0E8, #9CCFED, #5D7BB4, #005C56, #321525)
- Feathered Nightshade Harbor color palette (#EBE0D4, #5CA3DC, #404EA4, #00393A, #110124)
- Forest Meadow color palette (#FDEEEA, #70E6E2, #0091B1, #10671D, #002647)
- Washed Azure Boulevard color palette (#EDF9EF, #CCE2FF, #359BD9, #00696E, #061E3C)
- Weathered Cerulean Meadow color palette (#F4E5DE, #3199A8, #004F73, #002D1B, #00001F)
- Softworn Market color palette (#F8F0EB, #C0ECED, #849DC5, #3A776E, #452E3B)
Browse the whole catalog at Explore, or see today's palette.