Petrol Harbor color palette — #F5F1EB · #C6E4E5 · #7BA0C6 · #1C7885 · #422F3F
Built around Teal, softened by Blue Fog — the whole palette hums with trust and stability.
The five colors
- Cream (#F5F1EB): bright and airy, almost weightless.
- Silver (#C6E4E5): A whisper-light, dusty teal — the color of sea glass.
- Blue Fog (#7BA0C6): A luminous, dusty blue — the color of a favorite pair of jeans.
- Teal (#1C7885): A full-bodied, balanced blue — the color of deep harbor water.
- Charcoal (#422F3F): A deep, shadowed, dusty pink — the color of a candy shop window.
Feels like: Trust, Stability, 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
- Wandering Archive color palette (#F5F1EB, #CAE0D9, #6FA7B0, #247C60, #1F3D2F)
- Hushed Periwinkle color palette (#FAF3F6, #D8DEF0, #779AD4, #427A73, #4C5166)
- Denim Studio color palette (#F1EBE2, #7CA794, #005C94, #00393E, #000823)
- Antique Cerulean Orchard color palette (#F9F1E3, #B8DABA, #0093A7, #00644F, #002938)
- Teal Grove color palette (#FAF4EF, #C6DCE9, #C9BCF1, #42A49C, #5E4551)
- Muted Cobalt Ridge color palette (#FFEDEA, #CB8594, #829662, #357EB8, #37201C)
- Lagoon Hollow color palette (#F0E8DA, #4B9996, #00535C, #002D1F, #000508)
- Patina Studio color palette (#EFE5D7, #528477, #073483, #001E27, #01000B)
Browse the whole catalog at Explore, or see today's palette.