Weathered Petrol Pier color palette — #F0F3EB · #B8E8D9 · #6A91BB · #1D6783 · #392338

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

The five colors

• Cream (#F0F3EB): a clean, paper-quiet neutral.
• Mint (#B8E8D9): A whisper-light, dusty teal — the color of sea glass.
• Slate Blue (#6A91BB): A luminous, dusty blue — the color of open sky before noon.
• Peacock (#1D6783): A full-bodied, balanced blue — the color of deep harbor water.
• Onyx (#392338): A deep, shadowed, dusty pink — the color of peonies in June.

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

Use it as a design system

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

• Cerulean Studio color palette (#F1F3EB, #C1E7CF, #3D9AB9, #2B696D, #123327)
• Softworn Cobalt color palette (#EFF4E3, #9CD8FF, #3088CC, #005E77, #01244B)
• Wandering Alley color palette (#EDF0DF, #49ACBD, #006277, #00393A, #000D14)
• Powder Bloom color palette (#FCF3EB, #C4E4F8, #9CBBF5, #3E9098, #513546)
• Weathered Pier color palette (#E4E9D6, #1784A7, #00415C, #001E24, #000104)
• Frosted Wisteria color palette (#FFECF0, #B46ACC, #BA615D, #456E9A, #2D161D)
• Worn Aqua color palette (#F2F4DF, #38D2E0, #008093, #00524F, #001E27)
• Airy Cobalt color palette (#E6EBDF, #88B8E8, #326AB8, #004665, #051139)

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