Petrol Harbor color palette — #DFF4F2 · #69ACC5 · #006F97 · #004952 · #001625
A conversation between Peacock and Cyan, giving this palette its sense of trust and stability.
The five colors
- Cream (#DFF4F2): A whisper-light, dusty teal — the color of glacier melt.
- Cyan (#69ACC5): A luminous, dusty blue — the color of a favorite pair of jeans.
- Peacock (#006F97): A full-bodied, balanced blue — the color of a favorite pair of jeans.
- Deep Teal (#004952): A deep, shadowed, dusty blue — the color of deep harbor water.
- 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
- Muted Teal Garden color palette (#E2F3F0, #49A2A4, #00646D, #003C35, #000C0F)
- Cobalt Ridge color palette (#DCEBEA, #82B8DF, #0078CA, #00556F, #001D47)
- Tempered Petrol color palette (#FBE8F2, #6DC4E0, #0069B5, #003F32, #020013)
- Cerulean Market color palette (#FAE5F1, #009EC4, #004D7C, #00302C, #030B3E)
- Cerulean Station color palette (#E2F3F0, #92CFE1, #0094BD, #006B73, #003249)
- Frosted Turquoise Lagoon color palette (#EBF9F6, #95EBF7, #00AECB, #008281, #00475B)
- Quiet Delta color palette (#EDEEFE, #CA97DC, #CF68C0, #5F47AF, #231130)
- Powdered Atelier color palette (#EBE5F6, #8324D5, #A90046, #005174, #0D001D)
Browse the whole catalog at Explore, or see today's palette.