Charred Petrol color palette — #D4E3EF · #0072A8 · #0C2A4B · #001121 · #000409
A conversation between Slate and Midnight, giving this palette its sense of trust and stability.
The five colors
- Frost (#D4E3EF): A whisper-light, dusty blue — the color of deep harbor water.
- Slate (#0072A8): A full-bodied, balanced blue — the color of a favorite pair of jeans.
- Midnight (#0C2A4B): A deep, shadowed, dusty blue — the color of a favorite pair of jeans.
- Ink (#001121): A deep, shadowed, dusty blue — the color of deep harbor water.
- Ink (#000409): A deep, shadowed, dusty blue — the color of open sky before noon.
Feels like: Trust, Stability, Calm, 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
- Smoked Bloom color palette (#D4F5FE, #007B78, #003035, #001318, #000405)
- Velvet Workshop color palette (#D9E9FF, #1058D9, #172441, #050D18, #010205)
- Aged Delta color palette (#D0E7F8, #0091CB, #414065, #09293E, #01151B)
- Sunlit Violet color palette (#E1E2FF, #7864FF, #BC3C84, #006D82, #151135)
- Orchid Terrace color palette (#EDECFA, #A562BF, #3D384B, #1E1D27, #0C0C12)
- Washed Cerulean Courtyard color palette (#E7F5F3, #81E1F1, #0092AE, #006263, #002A38)
- Midnight Summit color palette (#E7EDFF, #2900C4, #2A1A1A, #0D062A, #00000A)
- Pine Ridge color palette (#D5FCF4, #75BB7D, #00804C, #1C555B, #07280D)
Browse the whole catalog at Explore, or see today's palette.