Softworn Petrol color palette — #ECF7FF · #BDDCF8 · #9CB8E5 · #007F96 · #2A4458

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

The five colors

• Ivory (#ECF7FF): bright and airy, almost weightless.
• Powder Blue (#BDDCF8): A whisper-light, dusty blue — the color of open sky before noon.
• Sky (#9CB8E5): A luminous, dusty blue — the color of deep harbor water.
• Cerulean (#007F96): A full-bodied, balanced blue — the color of deep harbor water.
• Navy (#2A4458): A deep, shadowed, dusty blue — the color of open sky before noon.

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

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

• Cypress Study color palette (#E1FBFF, #C0DFFF, #6CC4D6, #007D5E, #0F424D)
• Worn Lagoon color palette (#E7FBEF, #CBE2FF, #CCB2EE, #26988B, #21483F)
• Washed Study color palette (#F1F5FF, #EAD3EB, #C19BD5, #5A6CAB, #383F58)
• Tempered Mallow Summit color palette (#E2F5FF, #C8DFFF, #C6A6F5, #2B8478, #132736)
• Iris Dune color palette (#DAE6F1, #98B7DD, #748AE7, #005975, #04243F)
• Timeworn Indigo Thicket color palette (#D3E3FB, #9BA2D2, #8268BD, #004579, #0D1147)
• Soft Ultramarine Hollow color palette (#F2F4FF, #C4C0F7, #C185FE, #0C54D2, #39346B)
• Chestnut Bloom color palette (#E0F2F8, #008181, #7F5900, #464900, #002C36)

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