Petrol Harbor color palette — #E2EDE7 · #B1CBBF · #88AEA2 · #006C83 · #11241A

Built around Peacock, softened by Sage — the whole palette hums with trust and stability.

The five colors

• Cream (#E2EDE7): a clean, paper-quiet neutral.
• Stone (#B1CBBF): A luminous, dusty teal — the color of glacier melt.
• Sage (#88AEA2): A luminous, dusty teal — the color of shallow lagoons.
• Peacock (#006C83): A full-bodied, balanced blue — the color of a favorite pair of jeans.
• Onyx (#11241A): A deep, shadowed, dusty teal — the color of sea glass.

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

Use it as a design system

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

• Abyss Corridor color palette (#DCE4DF, #ACBEB6, #988898, #004D5B, #0F2518)
• Washed Denim color palette (#F4EDF5, #CFBECD, #B59CAE, #346395, #271A28)
• Cerulean Harbor color palette (#E6EFF4, #BABFCF, #A4A5C4, #008FA7, #0D222C)
• Petrol Thicket color palette (#EFF8F1, #CBDEE0, #CDB2C1, #006C79, #041007)
• Sunlit Workshop color palette (#E3E7C7, #53A76E, #00734E, #005146, #00220D)
• Cobalt Courtyard color palette (#C5EADB, #00BEE1, #00A8EF, #3975D5, #001A2C)
• Worn Cobalt Alley color palette (#FBF2FC, #EFD4EC, #D2B3C9, #2679CC, #3B2E3C)
• Ancient Navy color palette (#E7DCE4, #B19EA9, #987E89, #363F78, #12040E)

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