Petrol Harbor color palette — #DFEBE6 · #AC9FA1 · #A0837F · #006C92 · #000D07

Peacock and Gray set the tone — five colors that lean into trust and stability.

The five colors

• Parchment (#DFEBE6): a clean, paper-quiet neutral.
• Taupe (#AC9FA1): soft and architectural.
• Gray (#A0837F): A luminous, dusty orange — the color of toasted spice.
• Peacock (#006C92): A full-bodied, balanced blue — the color of deep harbor water.
• Ink (#000D07): A deep, shadowed, dusty teal — the color of shallow lagoons.

Feels like: Trust, Stability, Sophistication. Tagged scandi, muted, light.

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

• Ultramarine Veranda color palette (#F1EBF0, #AF9B9A, #A38172, #225DC2, #100510)
• Antique Lantern color palette (#E4EEF5, #9CA6B2, #7886A5, #004B6C, #020A13)
• Softworn Onyx color palette (#D7E3EA, #818EA2, #666886, #002F3E, #000103)
• Fern Archive color palette (#E3EDE2, #529191, #57689C, #424B00, #001916)
• Softworn Denim color palette (#EBE6CE, #529B6A, #00716A, #004A80, #000802)
• Indigo Orchard color palette (#F4ECF2, #CBBCB9, #BAA192, #6271E9, #291A25)
• Gentle Ultramarine color palette (#F7EFCF, #008B8E, #3F4BB4, #3A3E00, #000407)
• Misty Lantern color palette (#C8E7DF, #10C4AC, #009DE8, #C100BD, #03001A)

Browse the whole catalog at Explore, or see today's palette.