Soft Petrol color palette — #FEEEE7 · #74CBD5 · #007BA9 · #005532 · #00114C
Built around Cerulean, softened by Deep Indigo — the whole palette hums with nature and growth.
The five colors
- Cream (#FEEEE7): bright and airy, almost weightless.
- Aqua (#74CBD5): A luminous, balanced blue — the color of a favorite pair of jeans.
- Cerulean (#007BA9): A full-bodied, balanced blue — the color of deep harbor water.
- Deep Olive (#005532): A deep, shadowed, balanced teal — the color of sea glass.
- Deep Indigo (#00114C): A deep, shadowed, balanced violet — the color of a velvet chair.
Feels like: Nature, Growth, Trust, Stability, 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
- Feathered Sapphire Archive color palette (#FFEEE1, #89C4E5, #376CD1, #00524C, #1E024B)
- Forest Atelier color palette (#F4E5E1, #A1BC9E, #00778F, #0D4F08, #00172C)
- Worn Ridge color palette (#FDF4E5, #66C9D6, #007A97, #00574D, #003752)
- Softworn Denim color palette (#EFDDD4, #59AAB9, #005E8C, #003B28, #020032)
- Hushed Azure color palette (#FFF0FD, #87DAE8, #0096D8, #007650, #132878)
- Wandering Turquoise Veranda color palette (#ECF9EE, #C4E7FF, #00AAD1, #007467, #00283D)
- Muted Navy Canyon color palette (#EDE0D6, #5692B3, #13409F, #002C28, #050018)
- Airy Periwinkle color palette (#DCFECF, #2EE4E0, #56B1FF, #6C6000, #00271A)
Browse the whole catalog at Explore, or see today's palette.