Petrol Harbor color palette — #EAF3EB · #5BB0BF · #00718F · #004B44 · #001625
Built around Teal, softened by Cyan — the whole palette hums with trust and stability.
The five colors
- Cream (#EAF3EB): a clean, paper-quiet neutral.
- Cyan (#5BB0BF): A luminous, balanced blue — the color of open sky before noon.
- Teal (#00718F): A full-bodied, balanced blue — the color of deep harbor water.
- Forest (#004B44): A deep, shadowed, dusty teal — the color of sea glass.
- Ink (#001625): A deep, shadowed, dusty blue — the color of deep harbor water.
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
- Wandering Ultramarine color palette (#D9E6DC, #77A8C9, #0066BD, #004854, #040743)
- Aged Petrol Drift color palette (#EEF0E2, #6BC6D7, #00738B, #003E3F, #000305)
- Weathered Cerulean Loft color palette (#F2E6E0, #71BECA, #008FBE, #006F59, #00142D)
- Cerulean Harbor color palette (#EFDAEA, #00A1B4, #004F74, #00321F, #030C3D)
- Azure Delta color palette (#F0F8F1, #B6DBED, #00A3D9, #007C78, #213D56)
- Muted Mulberry Field color palette (#F3EECA, #746700, #00657D, #830066, #090700)
- Patina Powder color palette (#F1F7F2, #D8DEED, #83B7E6, #51929B, #455368)
- Wandering Bloom color palette (#F3F2D4, #A0BE73, #2DAB64, #825600, #181900)
Browse the whole catalog at Explore, or see today's palette.