Petrol Harbor color palette — #F6EAF3 · #5AC3CD · #007393 · #00523C · #09304F
A conversation between Teal and Cyan, giving this palette its sense of trust and stability.
The five colors
- Blush (#F6EAF3): bright and airy, almost weightless.
- Cyan (#5AC3CD): A luminous, balanced blue — the color of open sky before noon.
- Teal (#007393): A full-bodied, balanced blue — the color of open sky before noon.
- Forest (#00523C): A deep, shadowed, dusty teal — the color of glacier melt.
- Deep Teal (#09304F): A deep, shadowed, dusty blue — the color of open sky before noon.
Feels like: Trust, Stability, Calm, Balance. 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
- Faded Sapphire color palette (#F7EBF0, #81B9DA, #2667BA, #004F52, #252855)
- Faded Cerulean Orchard color palette (#F9EBE5, #89D3D9, #0092C4, #00703F, #0D2C5C)
- Timeworn Turquoise Veranda color palette (#F3EEE6, #BADEC0, #2CB6D7, #00937F, #003248)
- Patina Grove color palette (#FAF2F8, #D6D6EB, #6DA1BC, #43797E, #435468)
- Patina Mallow color palette (#ECF3FF, #D9BAFF, #C889AA, #1C6B88, #242E4E)
- Cerulean Courtyard color palette (#F1DDE9, #008EAE, #004065, #00231F, #00022D)
- Sunlit Navy color palette (#EFDDE2, #5A94CA, #2B3E98, #002F36, #170538)
- Wandering Studio color palette (#DFE5FB, #4954E4, #765A00, #37511A, #111E3A)
Browse the whole catalog at Explore, or see today's palette.