Softworn Petrol color palette — #E2F4E5 · #83C1D6 · #00709C · #003E3E · #000309

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

The five colors

• Honeydew (#E2F4E5): A whisper-light, dusty teal — the color of glacier melt.
• Sky (#83C1D6): A luminous, dusty blue — the color of open sky before noon.
• Peacock (#00709C): A full-bodied, balanced blue — the color of deep harbor water.
• Deep Teal (#003E3E): A deep, shadowed, dusty teal — the color of shallow lagoons.
• Ink (#000309): A deep, shadowed, dusty blue — the color of a favorite pair of jeans.

Feels like: Trust, Stability, Calm, Sophistication. Tagged coastal, cool, light, muted.

Use it as a design system

One click turns Softworn 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 Denim color palette (#DCE7DE, #66B1AF, #00606B, #002D20, #000102)
• Airy Cobalt Grove color palette (#EDF9EF, #A0D3F4, #307CCA, #00505C, #020530)
• Cerulean Parlor color palette (#EFE8DD, #339DBA, #005071, #003030, #00142B)
• Faded Plum color palette (#CDECED, #009569, #AC2978, #004831, #040002)
• Washed Cobalt color palette (#F7E8F2, #7ABBD2, #2E86DA, #006F5C, #100440)
• Washed Field color palette (#D0E6DE, #00795F, #6126C8, #6B2F00, #000201)
• Timeworn Thicket color palette (#74F9E4, #00AD92, #005B4C, #001E17, #000201)
• Weathered Emerald color palette (#E5EDDC, #209F1B, #006839, #002D21, #000201)

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