Twilit Petrol color palette — #D4F1E6 · #00828C · #004B64 · #000C21 · #010009

Teal takes the lead with Navy close behind in a set that reads as trust and stability at first glance.

The five colors

• Honeydew (#D4F1E6): A whisper-light, dusty teal — the color of glacier melt.
• Teal (#00828C): A full-bodied, balanced blue — the color of open sky before noon.
• Navy (#004B64): A deep, shadowed, dusty blue — the color of open sky before noon.
• Ink (#000C21): A deep, shadowed, dusty blue — the color of open sky before noon.
• Black (#010009): A deep, shadowed, dusty violet — the color of twilight just after sunset.

Feels like: Trust, Stability, Calm, Sophistication, Depth, Luxury. Tagged dark, muted, cool.

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

• Cypress Corridor color palette (#CCEEE4, #00696F, #003445, #001128, #030014)
• Pine Canyon color palette (#E2EDD4, #008849, #00473F, #000F12, #000103)
• Antique Navy color palette (#CEEEEA, #3387A8, #3A407B, #2E2200, #050400)
• Tempered Navy Study color palette (#DBEDEE, #0085BA, #043497, #100034, #030005)
• Inked Coast color palette (#FFE0EF, #007272, #003260, #190700, #000102)
• Wandering Villa color palette (#E3ECEF, #B0BDC5, #8394A6, #004546, #000102)
• Velvet Aubergine Parlor color palette (#D9F0F7, #006162, #470053, #1D2622, #0E0600)
• Nightshade Workshop color palette (#C8E5F6, #00BD8D, #0097AC, #4A35AF, #000103)

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