Worn Petrol Pier color palette — #EDF4F0 · #CFD9DA · #CDB9BD · #1780A4 · #242F2A

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

The five colors

• Cream (#EDF4F0): bright and airy, almost weightless.
• Silver (#CFD9DA): bright and airy, almost weightless.
• Stone (#CDB9BD): A luminous, dusty red — the color of embers at dusk.
• Cerulean (#1780A4): A full-bodied, balanced blue — the color of a favorite pair of jeans.
• Deep Forest (#242F2A): quiet, heavy and certain.

Feels like: Trust, Stability, Sophistication. Tagged scandi, muted, light.

Use it as a design system

One click turns Worn 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

• Hushed Cerulean color palette (#F5F0F5, #DCD4D5, #B7ACA5, #6B83AD, #3A343A)
• Lagoon Coast color palette (#F2F3E5, #ACB994, #3B8475, #185F6A, #232B13)
• Denim Harbor color palette (#E9F5F2, #DECEDA, #C49FB2, #005DA2, #00201A)
• Dusty Terrace color palette (#F9EEF5, #E5D1CF, #D5B6BB, #6157C8, #301F29)
• Chestnut Alley color palette (#D4F8EC, #CBB8C6, #A2808B, #79480D, #3D3207)
• Wandering Canyon color palette (#DDE8E3, #A69CA6, #8F7285, #003A58, #000604)
• Wandering Cobalt color palette (#F8EBF8, #4076BC, #422739, #1F0F1F, #010805)
• Sunlit Pier color palette (#FBF0E0, #60A5CC, #5964AB, #752D00, #002A23)

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