Petrol Harbor color palette — #F1E5E0 · #4DB2B9 · #007FA9 · #006134 · #00081F
A conversation between Cerulean and Pine, giving this palette its sense of nature and growth.
The five colors
- Parchment (#F1E5E0): a clean, paper-quiet neutral.
- Cyan (#4DB2B9): A luminous, balanced blue — the color of deep harbor water.
- Cerulean (#007FA9): A full-bodied, balanced blue — the color of deep harbor water.
- Pine (#006134): A full-bodied, balanced teal — the color of shallow lagoons.
- Ink (#00081F): A deep, shadowed, dusty blue — the color of deep harbor water.
Feels like: Nature, Growth, Trust, Stability, Calm, Balance. Tagged coastal, cool, 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
- Cobalt Chapel color palette (#EEDED7, #5EC1CE, #008DC5, #007147, #000A40)
- Chalky Sapphire Basin color palette (#EBDFD5, #5DACCD, #006FE3, #005E53, #090028)
- Hushed Cerulean Hollow color palette (#DDEBDF, #4AA1A9, #006377, #003C33, #000B13)
- Lagoon Loft color palette (#F5E5F0, #39858C, #004255, #002015, #000104)
- Worn Iris color palette (#F2E6D9, #9DC5E7, #6F85FF, #007D7F, #26143C)
- Feathered Terracotta Lagoon color palette (#FFE0D4, #D24648, #007F90, #A1001C, #00070A)
- Scarlet Lantern color palette (#FFDDDC, #CF0033, #007094, #304E80, #070000)
- Linen Delta color palette (#F8ECE4, #99DFFA, #5AA7FF, #00937D, #29294D)
Browse the whole catalog at Explore, or see today's palette.