Twilit Petrol color palette — #D7E7DC · #007182 · #032D21 · #011106 · #010301

Built around Teal, softened by Deep Forest — the whole palette hums with trust and stability.

The five colors

• Parchment (#D7E7DC): A whisper-light, dusty teal — the color of sea glass.
• Teal (#007182): A full-bodied, balanced blue — the color of deep harbor water.
• Deep Forest (#032D21): A deep, shadowed, dusty teal — the color of sea glass.
• Ink (#011106): A deep, shadowed, dusty teal — the color of sea glass.
• Black (#010301): 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 Twilit 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

• Muted Cobalt color palette (#DEF5EB, #007FAF, #3C2A3B, #081A13, #030804)
• Velvet Abyss Cabin color palette (#DCF1E6, #004B5F, #181E24, #000F20, #000201)
• Ultramarine Villa color palette (#ECDBEC, #0058B3, #19114D, #110212, #000201)
• Dusty Azure color palette (#D1F2E8, #0696F2, #AE6A00, #005892, #2B1700)
• Softworn Taupe color palette (#F7F1E4, #9CA85B, #4C7132, #444841, #221C02)
• Dusty Cornflower Basin color palette (#F5E4F5, #007AE6, #AA4B58, #436729, #1E0C1F)
• Cerulean Veranda color palette (#C3EDF8, #009CC6, #006DA3, #0C477E, #0D1C40)
• Cobalt Study color palette (#F7F1E8, #A0D4C4, #4C7CC3, #00596B, #171D3F)

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