Charred Petrol color palette — #D8E4F0 · #0067A9 · #1A253C · #071522 · #02040A

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

The five colors

• Frost (#D8E4F0): A whisper-light, dusty blue — the color of open sky before noon.
• Peacock (#0067A9): A full-bodied, balanced blue — the color of open sky before noon.
• Midnight (#1A253C): A deep, shadowed, dusty violet — the color of twilight just after sunset.
• Ink (#071522): A deep, shadowed, dusty blue — the color of a favorite pair of jeans.
• Ink (#02040A): 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

• Twilit Lapis color palette (#DAE4F9, #5144D8, #222141, #0E131F, #040309)
• Navy Boulevard color palette (#CBE0FC, #004091, #241B22, #0D062D, #00030C)
• Patina Cobalt color palette (#D6EDE6, #0086D6, #513647, #092821, #051009)
• Obsidian Meadow color palette (#E4E3F2, #464C55, #460061, #2B121E, #0D0009)
• Timeworn Violet Market color palette (#EFF1FF, #8A6AB7, #3E384E, #272832, #16141A)
• Hushed Pier color palette (#D5F0E8, #55A0E5, #725770, #18453C, #05100C)
• Indigo Terrace color palette (#DCE3FF, #7A5FDD, #AB4D00, #006B51, #232944)
• Charred Byzantium color palette (#F0ECFF, #A600B4, #451831, #191428, #0A040E)

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