Softworn Petrol Coast color palette — #ECF0E2 · #75C0F1 · #006BB0 · #003B4D · #00020A

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

The five colors

• Cream (#ECF0E2): bright and airy, almost weightless.
• Sky (#75C0F1): A luminous, balanced blue — the color of open sky before noon.
• Peacock (#006BB0): A full-bodied, balanced blue — the color of deep harbor water.
• Deep Teal (#003B4D): A deep, shadowed, dusty blue — the color of a favorite pair of jeans.
• Black (#00020A): A deep, shadowed, dusty blue — the color of open sky before noon.

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

Use it as a design system

One click turns Softworn Petrol Coast 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 Aqua color palette (#EEF0DA, #20CDDE, #007486, #003E3C, #000305)
• Patina Station color palette (#D7E4D9, #5A91B4, #00498A, #002B32, #01001E)
• Tempered Station color palette (#F3EADB, #77B8E3, #4485CF, #006A7B, #040841)
• Washed Byzantium color palette (#E5DBE9, #9B00C5, #A70024, #004479, #030005)
• Timeworn Periwinkle Lantern color palette (#F3F7EB, #DAD5E0, #70A9EF, #307798, #1D2E4C)
• Powdered Byzantium color palette (#E7E3F2, #9742FF, #00757D, #4D008F, #000102)
• Timeworn Aubergine color palette (#DFE2F4, #8266FF, #5C00BD, #370067, #080011)
• Aged Blush Pier color palette (#F8E2FF, #F5AAEF, #E683B7, #694897, #140018)

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