Twilit Petrol color palette — #E3F4E9 · #006F81 · #331B36 · #01190B · #010704

Teal and Deep Indigo set the tone — five colors that lean into trust and stability.

The five colors

• Honeydew (#E3F4E9): A whisper-light, dusty teal — the color of glacier melt.
• Teal (#006F81): A full-bodied, balanced blue — the color of a favorite pair of jeans.
• Deep Indigo (#331B36): A deep, shadowed, dusty pink — the color of peonies in June.
• Ink (#01190B): A deep, shadowed, dusty teal — the color of glacier melt.
• Ink (#010704): 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 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

• Wandering Atelier color palette (#D7EAE2, #2279A6, #42283C, #05251C, #06110F)
• Cypress Balcony color palette (#E6F0DA, #007556, #102D17, #0D1700, #030703)
• Turquoise Field color palette (#CFEEFD, #00ADC9, #496481, #2C4049, #060F11)
• Obsidian Loft color palette (#FFE6FE, #0053BD, #240E48, #000B26, #000A05)
• Grape Parlor color palette (#F7E3EC, #6E49CB, #3F1A3F, #191034, #16060B)
• Hazy Cobalt Canyon color palette (#F7DAF4, #4B77CB, #975E00, #715700, #3B203A)
• Midnight Balcony color palette (#F5D5E8, #290083, #2C1323, #150F03, #0A000F)
• Fern Field color palette (#FBF4E9, #A69B71, #427033, #0E5750, #37352F)

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