Twilit Petrol color palette — #C8EAE1 · #0069B5 · #563300 · #001B12 · #000201

Royal Blue and Cocoa set the tone — five colors that lean into trust and stability.

The five colors

• Honeydew (#C8EAE1): A whisper-light, dusty teal — the color of sea glass.
• Royal Blue (#0069B5): A full-bodied, balanced blue — the color of deep harbor water.
• Cocoa (#563300): A deep, shadowed, dusty gold — the color of afternoon light on wheat.
• Ink (#001B12): A deep, shadowed, dusty teal — the color of glacier melt.
• Black (#000201): quiet, heavy and certain.

Feels like: Trust, Stability, Optimism, Sophistication, Depth, Luxury. Tagged dark, 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

• Shadow Ultramarine Station color palette (#F6E3F4, #1A54E9, #583100, #001920, #000102)
• Garnet Ridge color palette (#DBF2E1, #007484, #720E00, #171700, #010100)
• Lowlit Terrace color palette (#E0EEFD, #00498E, #540018, #081900, #00090C)
• Worn Petrol Delta color palette (#F7ECE5, #6BC5E0, #006AB2, #003F31, #020013)
• Obsidian Grape Study color palette (#F7DEE9, #6818BD, #2A2F00, #23242B, #000A08)
• Antique Mulberry Field color palette (#D9EFFF, #9B84C5, #97495D, #004236, #00110C)
• Midnight Corridor color palette (#FDE9F0, #6C00A7, #522F00, #210C10, #110006)
• Airy Violet color palette (#D8DDF7, #934DFF, #BC0F00, #384B00, #00090D)

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