Soft Petrol color palette — #E2F0DF · #10A9C7 · #0C72AE · #00422F · #001406
A conversation between Slate and Cyan, giving this palette its sense of trust and stability.
The five colors
- Honeydew (#E2F0DF): A whisper-light, dusty green — the color of new leaves after rain.
- Cyan (#10A9C7): A luminous, balanced blue — the color of deep harbor water.
- Slate (#0C72AE): A full-bodied, balanced blue — the color of deep harbor water.
- Forest (#00422F): A deep, shadowed, dusty teal — the color of sea glass.
- Ink (#001406): A deep, shadowed, dusty teal — the color of shallow lagoons.
Feels like: Trust, Stability, Calm, Balance. Tagged pastel, light, cool.
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 Teal Studio color palette (#DDE4D1, #00AC9E, #007B8D, #1C3F01, #040C00)
- Hushed Azure color palette (#D1E7EE, #4193DD, #6565B6, #003A3B, #000F0A)
- Washed Cobalt Meadow color palette (#C6ECF4, #66AAC0, #637FC9, #005528, #000F13)
- Weathered Azure Cabin color palette (#C7EEFA, #7BA6C4, #00A2D2, #007B71, #001517)
- Iris Garden color palette (#D3F9DE, #87D0FD, #7D92D3, #006E68, #193B2D)
- Misty Raspberry Studio color palette (#E7E0D0, #C400A8, #006F86, #041110, #000201)
- Dusty Violet Cabin color palette (#DFEBFE, #A5A0FF, #9356B7, #004965, #080F34)
- Twilit Workshop color palette (#D3E7E0, #006191, #3D0059, #002033, #040008)
Browse the whole catalog at Explore, or see today's palette.