Soft Petrol color palette — #EFDDE8 · #3DB2CF · #006AAD · #004C3A · #0C0C37

A conversation between Peacock and Cyan, giving this palette its sense of trust and stability.

The five colors

• Shell Pink (#EFDDE8): A whisper-light, dusty pink — the color of a candy shop window.
• Cyan (#3DB2CF): A luminous, balanced blue — the color of deep harbor water.
• Peacock (#006AAD): A full-bodied, balanced blue — the color of a favorite pair of jeans.
• Forest (#004C3A): A deep, shadowed, dusty teal — the color of sea glass.
• Deep Indigo (#0C0C37): 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

• Forest Garden color palette (#F8E9FB, #4EB4B1, #00728C, #004E11, #00142A)
• Lapis Archive color palette (#F8E6EB, #64A8DF, #4755CE, #004A4B, #1B0631)
• Dusty Terrace color palette (#F8EBE5, #81C2D7, #006DA6, #003E38, #000113)
• Timeworn Market color palette (#E1E4D3, #4F9BB1, #00516A, #002F34, #001623)
• Wandering Orchard color palette (#CCEAF9, #0092D7, #005E7F, #002D41, #000206)
• Onyx Workshop color palette (#DCF6E9, #008A8E, #005C6A, #003353, #030646)
• Lilac Quarry color palette (#CAE4F1, #7FB3FE, #B372B8, #007159, #00192E)
• Hazy Chestnut Dune color palette (#C9E7F6, #00869C, #9E4C00, #004E5C, #1E0900)

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