Patina Petrol Basin color palette — #F1F7F3 · #D1DDDD · #ACC6C7 · #008297 · #404B44

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

The five colors

• Ivory (#F1F7F3): bright and airy, almost weightless.
• Silver (#D1DDDD): bright and airy, almost weightless.
• Stone (#ACC6C7): A luminous, dusty teal — the color of sea glass.
• Cerulean (#008297): A full-bodied, balanced blue — the color of deep harbor water.
• Charcoal (#404B44): a grounded near-black with real depth.

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

Use it as a design system

One click turns Patina Petrol Basin 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

• Softworn Cerulean color palette (#EFF7F5, #DDD5D3, #ABA095, #5687B2, #4B5552)
• Worn Petrol Orchard color palette (#EEF4EF, #CFDADA, #D4BAC0, #2A838C, #262F28)
• Timeworn Denim color palette (#ECF8F3, #BFD9D1, #B69DB6, #006289, #0F3C2E)
• Hushed Abyss Garden color palette (#E2EEE7, #9CAEA7, #5B8A7E, #003E50, #051810)
• Aged Sapphire Cabin color palette (#F9F3F8, #E6D5D6, #D1B2C1, #4762BF, #4B3948)
• Weathered Fern Drift color palette (#F5F6ED, #ACB58D, #408361, #296659, #3F4800)
• Hushed Petrol Lagoon color palette (#D9E9E3, #2D78A6, #3C2B3E, #04251C, #031010)
• Washed Terrace color palette (#F1F8E6, #5CA1C7, #3C6AA9, #6C366B, #17473B)

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