Weathered Petrol Market color palette — #F7ECE6 · #97BBA6 · #006CB1 · #00523F · #222858

Built around Royal Blue, softened by Navy — the whole palette hums with trust and stability.

The five colors

• Cream (#F7ECE6): a clean, paper-quiet neutral.
• Sage (#97BBA6): A luminous, dusty teal — the color of sea glass.
• Royal Blue (#006CB1): A full-bodied, balanced blue — the color of open sky before noon.
• Forest (#00523F): A deep, shadowed, dusty teal — the color of glacier melt.
• Navy (#222858): A deep, shadowed, balanced violet — the color of wild irises.

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

Use it as a design system

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

• Cobalt Lantern color palette (#FDF3EC, #ABCEBE, #4C78BA, #006156, #38345D)
• Petrol Basin color palette (#E3ECE5, #83BECE, #00759E, #004B49, #00172C)
• Muted Nightshade Grove color palette (#EEE5DD, #7BAA9A, #354EA8, #003E3D, #260C4A)
• Soft Courtyard color palette (#E0F4E8, #00A29F, #006474, #00405D, #012963)
• Antique Lilac Pier color palette (#DCFBE5, #AABDF0, #BB86C9, #006657, #00374F)
• Washed Cerulean color palette (#CAEEFF, #4397C8, #005C7F, #002E47, #001622)
• Ancient Terracotta Summit color palette (#C9ECDE, #0074A4, #A23300, #653E00, #002234)
• Aged Courtyard color palette (#F1E0DB, #479EA6, #00506E, #00321A, #001038)

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