Petrol Harbor color palette — #F1F7F2 · #D9DDEE · #809BC1 · #287A8E · #47536A
Teal and Blue Fog set the tone — five colors that lean into trust and stability.
The five colors
- Ivory (#F1F7F2): a clean, paper-quiet neutral.
- Silver (#D9DDEE): A whisper-light, dusty violet — the color of twilight just after sunset.
- Blue Fog (#809BC1): A luminous, dusty blue — the color of deep harbor water.
- Teal (#287A8E): A full-bodied, balanced blue — the color of a favorite pair of jeans.
- Charcoal Brown (#47536A): A full-bodied, dusty violet — the color of a velvet chair.
Feels like: Trust, Stability, 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
- Antique Dune color palette (#F7EFF2, #D9D0E3, #859AD5, #2B7877, #323547)
- Ancient Cerulean color palette (#EEF6FF, #DBD8E3, #D2B2A6, #569AB5, #485161)
- Softworn Denim color palette (#E3F6FF, #8EC3DD, #448BB6, #27639A, #415370)
- Washed Petrol color palette (#E9F1EA, #8EB8CD, #007297, #00504D, #003051)
- Softworn Cobalt color palette (#EEF6FE, #89B5DD, #C28B5F, #2978B4, #654050)
- Dusty Olive Quarry color palette (#EEF6FF, #779BC5, #BC7179, #5F8245, #334457)
- Abyss Alley color palette (#E1ECE3, #568997, #00454D, #002318, #000B11)
- Antique Cerulean Study color palette (#EFF8F1, #A7D7E8, #008EAB, #00685A, #004662)
Browse the whole catalog at Explore, or see today's palette.