Washed Petrol color palette — #DDF1E9 · #006893 · #353742 · #182048 · #000D07

Built around Peacock, softened by Midnight — the whole palette hums with trust and stability.

The five colors

• Honeydew (#DDF1E9): A whisper-light, dusty teal — the color of sea glass.
• Peacock (#006893): A full-bodied, balanced blue — the color of a favorite pair of jeans.
• Charcoal (#353742): a grounded near-black with real depth.
• Midnight (#182048): A deep, shadowed, dusty violet — the color of a velvet chair.
• Ink (#000D07): A deep, shadowed, dusty teal — the color of shallow lagoons.

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

Use it as a design system

One click turns Washed 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

• Hushed Cypress Workshop color palette (#CDF9F3, #007069, #454E57, #002935, #010D01)
• Hushed Cobalt color palette (#E1EEF8, #0083B7, #3C3C67, #002031, #000203)
• Midnight Ultramarine Summit color palette (#EDD9EF, #0060B4, #251A49, #110412, #000201)
• Azure Parlor color palette (#D1ECE4, #0095F0, #5C4553, #23312D, #141A16)
• Petrol Chapel color palette (#F8E8E1, #6CC0CD, #0080A8, #005B47, #00203F)
• Aged Iris color palette (#FAEEF5, #8B91E9, #6A4F57, #3E353B, #242025)
• Frosted Sapphire color palette (#EFDBEA, #4261FF, #422B5A, #0F1838, #000A06)
• Hushed Quarry color palette (#E7E2D5, #66A640, #00734D, #004F58, #1C1C00)

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