Soft Petrol color palette — #EBF7FF · #8BC4FF · #668FCD · #4B62A4 · #383676
A conversation between Slate and Navy, giving this palette its sense of trust and stability.
The five colors
- Ivory (#EBF7FF): a clean, paper-quiet neutral.
- Sky (#8BC4FF): A luminous, balanced blue — the color of open sky before noon.
- Slate Blue (#668FCD): A luminous, balanced blue — the color of deep harbor water.
- Slate (#4B62A4): A full-bodied, balanced violet — the color of twilight just after sunset.
- Navy (#383676): A deep, shadowed, balanced violet — the color of wild irises.
Feels like: Trust, Stability, Creativity, Calm, Balance. Tagged cool.
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
- Tempered Pewter Loft color palette (#E7EEFF, #B8BDFF, #8F87CB, #70569A, #512E67)
- Aqua Harbor color palette (#CAF8FF, #4DD5F5, #379EC2, #0B6C99, #00416D)
- Washed Aubergine color palette (#E2F8FF, #77B1D7, #5074A8, #414989, #422975)
- Sky Harbor color palette (#DAFDFE, #6FB8FA, #6F83C1, #835071, #303E50)
- Iris Summit color palette (#E3F8FF, #ABDBFF, #7DB5FD, #6E7CE8, #46217F)
- Misty Lapis color palette (#D8FFF4, #C3E2FF, #73ADE4, #6552AF, #530D53)
- Powder Boulevard color palette (#EFF6FF, #B9C2F4, #9097BB, #807387, #5C4C5C)
- Cornflower Station color palette (#D9E6F6, #4B90EA, #404D65, #272F38, #121920)
Browse the whole catalog at Explore, or see today's palette.