Soft Petrol color palette — #F6E7DE · #6CACC6 · #1F66B6 · #004B40 · #130043

Built around Cobalt, softened by Deep Indigo — the whole palette hums with trust and stability.

The five colors

• Rose Water (#F6E7DE): A whisper-light, dusty gold — the color of honey in a jar.
• Cyan (#6CACC6): A luminous, dusty blue — the color of a favorite pair of jeans.
• Cobalt (#1F66B6): A full-bodied, balanced blue — the color of open sky before noon.
• Forest (#004B40): A deep, shadowed, dusty teal — the color of shallow lagoons.
• Deep Indigo (#130043): A deep, shadowed, balanced 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 Petrol Quarry color palette (#F5E1DB, #5FB1B5, #007093, #004E24, #001231)
• Timeworn Indigo Loft color palette (#F9ECE1, #89BEAF, #5B6CC4, #00595A, #280E44)
• Sapphire Villa color palette (#FAE8F2, #3AC8F5, #0067BE, #003F34, #020013)
• Ancient Loft color palette (#D7E6DA, #5899B3, #004F76, #002F32, #00132F)
• Worn Cobalt Summit color palette (#F7ECE6, #A4D1B6, #368CD1, #006E56, #212560)
• Faded Azure Courtyard color palette (#FFF2EC, #A5E8F4, #1BA6EC, #00875C, #2B3D6D)
• Hushed Aubergine Atelier color palette (#FFE0DD, #D59D94, #B38D1A, #6834A6, #3A0011)
• Worn Plum Cabin color palette (#FEE4E6, #BE0044, #006D41, #004F4B, #170003)

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