Petrol Harbor color palette — #FCF2F6 · #BEABE5 · #54AC96 · #007E94 · #2C1C2A
Built around Teal, softened by Turquoise — the whole palette hums with trust and stability.
The five colors
- Ivory (#FCF2F6): bright and airy, almost weightless.
- Lavender (#BEABE5): A luminous, balanced violet — the color of wild irises.
- Turquoise (#54AC96): A luminous, balanced teal — the color of shallow lagoons.
- Teal (#007E94): A full-bodied, balanced blue — the color of deep harbor water.
- Onyx (#2C1C2A): A deep, shadowed, dusty pink — the color of peonies in June.
Feels like: Trust, Stability, Sophistication. Tagged jewel, vibrant, muted.
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
- Ancient Cypress color palette (#FAF2FA, #9CB3E1, #7BA673, #137C6E, #162820)
- Timeworn Lantern color palette (#FFF1F2, #CF9CC0, #48A0B3, #486EA9, #301E25)
- Wisteria Drift color palette (#FFF1F4, #CA81DC, #00888B, #00587C, #120C33)
- Washed Jade Loft color palette (#FDF2F1, #EBA7BA, #87B764, #6494BF, #45312E)
- Aged Station color palette (#FFF2EE, #DB8C92, #5287C1, #6746A1, #2C0F11)
- Cypress Courtyard color palette (#F9F5EC, #DBCB97, #7CA872, #007C73, #003E56)
- Aged Coral Villa color palette (#FAEDFA, #CC6E75, #377F6D, #1C5C4D, #181B27)
- Nightshade Lantern color palette (#FFF2EF, #D46A91, #007CB4, #3E368F, #1B0107)
Browse the whole catalog at Explore, or see today's palette.