Twilit Petrol color palette — #CDE7DE · #0068A1 · #331D30 · #001912 · #000605

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

The five colors

• Silver (#CDE7DE): A whisper-light, dusty teal — the color of sea glass.
• Peacock (#0068A1): A full-bodied, balanced blue — the color of a favorite pair of jeans.
• Onyx (#331D30): A deep, shadowed, dusty pink — the color of neon signs at night.
• Ink (#001912): A deep, shadowed, dusty teal — the color of shallow lagoons.
• Ink (#000605): 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

• Deep Petrol color palette (#E1F2E9, #006D8B, #002D26, #01190E, #000605)
• Muted Chapel color palette (#EEDFEC, #506EB3, #442837, #281926, #091415)
• Antique Summit color palette (#D8ECFE, #0FA3F7, #52627E, #2F3E4C, #070E13)
• Inked Navy Atelier color palette (#E7DCE8, #004485, #0E171C, #0A062E, #00030B)
• Twilit Cabin color palette (#FAD7DE, #933CA6, #401D32, #240D29, #140505)
• Smoked Bloom color palette (#FDE1F0, #5C2CD0, #2F0641, #0E022D, #100004)
• Nocturne Thicket color palette (#ECD7E5, #2A119D, #301218, #0E0020, #0A0003)
• Gentle Terrace color palette (#FCD9ED, #736BC8, #A55127, #006C4D, #3E2032)

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