Petrol Harbor color palette — #F5EDE7 · #8EBEA7 · #2C6BA6 · #00504E · #1D275D
Built around Slate, softened by Navy — the whole palette hums with trust and stability.
The five colors
- Cream (#F5EDE7): a clean, paper-quiet neutral.
- Mint Leaf (#8EBEA7): A luminous, dusty teal — the color of shallow lagoons.
- Slate (#2C6BA6): A full-bodied, balanced blue — the color of open sky before noon.
- Forest (#00504E): A deep, shadowed, dusty teal — the color of shallow lagoons.
- Navy (#1D275D): A deep, shadowed, balanced violet — the color of wild irises.
Feels like: Trust, Stability, Creativity, Calm, Sophistication. Tagged coastal, cool, light, 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
- Worn Cobalt color palette (#FAF4EE, #A9CFC1, #4B77BF, #005F64, #35365B)
- Muted Denim color palette (#F8ECE0, #78AA9E, #3F4F9E, #003C47, #240D4B)
- Softworn Lagoon color palette (#DEEDEB, #85BCD5, #0074A2, #004956, #00182A)
- Wandering Cerulean Market color palette (#EDE1DC, #479DAD, #00506F, #003127, #00132F)
- Periwinkle Chapel color palette (#F8EAF1, #99DEFD, #5DAAF2, #00918C, #212B4F)
- Weathered Cypress Study color palette (#FAF4F0, #CFE2D2, #4D95AE, #007453, #284B67)
- Worn Mulberry color palette (#F4D6D4, #B85989, #007D63, #840054, #003126)
- Soft Aubergine color palette (#FFEAE8, #FFBAB5, #C49356, #733E87, #4A251E)
Browse the whole catalog at Explore, or see today's palette.