Softworn Petrol Pier color palette — #E6F2E8 · #92B7CE · #006FA6 · #004F53 · #0F2E55

Peacock takes the lead with Navy close behind in a set that reads as trust and stability at first glance.

The five colors

• Cream (#E6F2E8): a clean, paper-quiet neutral.
• Ash (#92B7CE): A luminous, dusty blue — the color of deep harbor water.
• Peacock (#006FA6): A full-bodied, balanced blue — the color of deep harbor water.
• Forest (#004F53): A deep, shadowed, dusty blue — the color of a favorite pair of jeans.
• Navy (#0F2E55): A deep, shadowed, dusty blue — the color of deep harbor water.

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

Use it as a design system

One click turns Softworn Petrol Pier 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 Cobalt color palette (#F0F7F1, #ACC9E0, #4E7BAD, #005E6B, #2B395E)
• Cobalt Orchard color palette (#F3E4EC, #82BDD7, #2C6ABA, #004C42, #141031)
• Tempered Lilac Meadow color palette (#E8F5FF, #B1C9FA, #A28DD8, #006B7F, #143151)
• Frosted Cerulean color palette (#DEF5F4, #009EB4, #006987, #004160, #231F53)
• Wandering Azure color palette (#CEE9FF, #4C9DDE, #005B8C, #00304B, #001B2F)
• Softworn Hollow color palette (#F5EDE1, #93DFFF, #2FAEFA, #009097, #0F2E54)
• Washed Petrol Meadow color palette (#F1F7F2, #D7DDEF, #7C9DBC, #287B86, #455468)
• Ancient Bronze color palette (#CBE2F1, #008AB7, #A54E00, #00506C, #441C00)

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