Charred Petrol color palette — #D7F0E8 · #0068A1 · #351C2D · #031812 · #000505

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

The five colors

• Honeydew (#D7F0E8): A whisper-light, dusty teal — the color of glacier melt.
• Peacock (#0068A1): A full-bodied, balanced blue — the color of a favorite pair of jeans.
• Onyx (#351C2D): A deep, shadowed, dusty pink — the color of peonies in June.
• Ink (#031812): A deep, shadowed, dusty teal — the color of sea glass.
• Ink (#000505): a grounded near-black with real depth.

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

• Cobalt Basin color palette (#EFDFEC, #4F6EB5, #422A34, #271A25, #071415)
• Petrol Field color palette (#D7E4DA, #00707E, #002E25, #07180D, #010603)
• Timeworn Azure color palette (#DEEFFE, #14A4F3, #575D8C, #2A3F51, #060F13)
• Inked Orchard color palette (#F5E9F6, #004485, #10042D, #030C0F, #080009)
• Obsidian Grape color palette (#FEDAEE, #5E00E6, #330738, #1B0312, #060002)
• Smoked Quarry color palette (#FFE9EB, #8E0086, #2E0F09, #180105, #020300)
• Velvet Aubergine color palette (#FCD9E4, #583800, #430066, #221307, #0D0007)
• Tempered Ridge color palette (#F9DBEC, #706EC0, #7F6C00, #5B6000, #3E1F33)

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