Soft Petrol color palette — #ECDFE6 · #4DB0D0 · #006BA9 · #004B45 · #030940

Built around Peacock, softened by Cyan — the whole palette hums with trust and stability.

The five colors

• Rose Water (#ECDFE6): bright and airy, almost weightless.
• Cyan (#4DB0D0): A luminous, balanced blue — the color of open sky before noon.
• Peacock (#006BA9): A full-bodied, balanced blue — the color of open sky before noon.
• Forest (#004B45): A deep, shadowed, dusty teal — the color of shallow lagoons.
• Deep Indigo (#030940): A deep, shadowed, balanced violet — the color of twilight just after sunset.

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

• Petrol Thicket color palette (#EEE4EB, #66B0B0, #007288, #004D2F, #001625)
• Linen Sapphire Atelier color palette (#F4E9ED, #79B9E6, #306DE0, #00585F, #1C144A)
• Timeworn Petrol Study color palette (#F7EDDD, #7CC2DC, #006EA2, #003D40, #00020A)
• Muted Cerulean Summit color palette (#EAEED9, #4B9BB7, #00506F, #002F36, #001625)
• Wisteria Canyon color palette (#CDE6F4, #81ACF7, #B270D7, #006466, #001D30)
• Hazy Terrace color palette (#D3E8F9, #0095DD, #00558B, #002741, #000309)
• Cobalt Quarry color palette (#F7EAF2, #8BD0E5, #008FD2, #006D61, #1B2D4F)
• Airy Station color palette (#C8E6F8, #0084A4, #955300, #004D61, #1B0B00)

Browse the whole catalog at Explore, or see today's palette.