Twilit Petrol Dune color palette — #DBEEF3 · #00768A · #003E4A · #001218 · #000102

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

The five colors

• Frost (#DBEEF3): A whisper-light, dusty blue — the color of deep harbor water.
• Teal (#00768A): A full-bodied, balanced blue — the color of a favorite pair of jeans.
• Deep Teal (#003E4A): A deep, shadowed, dusty blue — the color of a favorite pair of jeans.
• Ink (#001218): A deep, shadowed, dusty blue — the color of a favorite pair of jeans.
• Black (#000102): quiet, heavy and certain.

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

Use it as a design system

One click turns Twilit Petrol Dune 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

• Velvet Pine color palette (#D1F3E2, #008562, #00402E, #00140B, #000201)
• Cobalt Pier color palette (#D3F1F9, #00AFE2, #007CC5, #004347, #00060B)
• Denim Summit color palette (#D6E2EE, #0063AC, #003157, #251B21, #000916)
• Ancient Cerulean Lantern color palette (#D1F0F8, #0095AE, #006071, #002831, #000304)
• Midnight Pine Dune color palette (#D1E1EC, #007D32, #262A22, #002132, #000307)
• Byzantium Parlor color palette (#FEDFE6, #9C00E3, #0061B3, #0A0A19, #000104)
• Deep Sapphire Market color palette (#DAE3F6, #1A61DB, #002E90, #000239, #00000B)
• Antique Coast color palette (#EAF2FF, #7AAFFF, #025FE9, #002E7F, #000E28)

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