Charred Petrol color palette — #E3F4EF · #0067A8 · #361C2A · #041813 · #010505

A conversation between Peacock and Onyx, giving this palette its sense of trust and stability.

The five colors

• Cream (#E3F4EF): bright and airy, almost weightless.
• Peacock (#0067A8): A full-bodied, balanced blue — the color of deep harbor water.
• Onyx (#361C2A): A deep, shadowed, dusty rose — the color of a warm blush.
• Ink (#041813): A deep, shadowed, dusty teal — the color of sea glass.
• Ink (#010505): quiet, heavy and certain.

Feels like: Trust, Stability, Sophistication, Depth, Luxury. Tagged noir, dark, luxury, muted.

Use it as a design system

One click turns Charred Petrol 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

• Petrol Villa color palette (#D6EBDD, #006F81, #152543, #08170E, #000603)
• Obsidian Ultramarine color palette (#EADEE8, #2956CE, #381B25, #1C0D1B, #030909)
• Tempered Cobalt Dune color palette (#F4E5F6, #0683E0, #50354D, #291C2B, #04100C)
• Azure Market color palette (#D6E2EE, #54A0E4, #566080, #253F57, #040F15)
• Navy Boulevard color palette (#D8E3F2, #00418F, #18002B, #030B0F, #080009)
• Wandering Drift color palette (#FCEDF3, #896BB7, #4D3535, #302529, #191315)
• Obsidian Nightshade color palette (#EAEDFF, #3200A0, #1F1303, #140015, #000202)
• Midnight Grape color palette (#E0DEEE, #6600DE, #38042E, #1A0411, #060002)

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