Soft Petrol color palette — #EDF0E6 · #76B9E8 · #106CB0 · #004C63 · #0F2D55
Built around Peacock, softened by Sky — the whole palette hums with trust and stability.
The five colors
- Cream (#EDF0E6): a clean, paper-quiet neutral.
- Sky (#76B9E8): A luminous, balanced blue — the color of a favorite pair of jeans.
- Peacock (#106CB0): A full-bodied, balanced blue — the color of deep harbor water.
- Navy (#004C63): A deep, shadowed, dusty blue — the color of deep harbor water.
- Navy (#0F2D55): A deep, shadowed, balanced blue — the color of a favorite pair of jeans.
Feels like: 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
- Muted Petrol color palette (#EFF0E0, #69C1CB, #007587, #00504E, #003442)
- Cobalt Lagoon color palette (#F3F7ED, #A7C8EC, #5279B3, #0C597E, #2C395A)
- Petrol Canyon color palette (#F0E8DC, #92BEAE, #3C6DA5, #004955, #07103B)
- Cerulean Bloom color palette (#C6F0FE, #009AC9, #00648B, #004167, #22214E)
- Weathered Denim color palette (#E9F3FF, #B4C8FF, #918ECD, #135B85, #3E233A)
- Wandering Veranda color palette (#E9EDD8, #009EC5, #00516E, #002F35, #001625)
- Dusty Cornflower Field color palette (#D0E4FF, #4795FF, #0051AA, #002A5C, #00163A)
- Ancient Periwinkle Studio color palette (#F4EDE7, #B1DFCF, #83A1F0, #00918D, #322351)
Browse the whole catalog at Explore, or see today's palette.