Twilit Petrol color palette — #D8EAED · #006C81 · #00354A · #001527 · #050015

A conversation between Peacock and Deep Teal, giving this palette its sense of trust and stability.

The five colors

• Frost (#D8EAED): bright and airy, almost weightless.
• Peacock (#006C81): A full-bodied, balanced blue — the color of open sky before noon.
• Deep Teal (#00354A): A deep, shadowed, dusty blue — the color of deep harbor water.
• Ink (#001527): A deep, shadowed, dusty blue — the color of a favorite pair of jeans.
• Ink (#050015): A deep, shadowed, dusty violet — the color of a velvet chair.

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

• Patina Corridor color palette (#CFE4E1, #007583, #004F6E, #002445, #08002E)
• Velvet Forest Summit color palette (#D6EBDE, #006C54, #003B36, #001B1B, #00080A)
• Cellar Ridge color palette (#D8F0E7, #005781, #5B3400, #002337, #0C0400)
• Midnight Sapphire Basin color palette (#D5E7FC, #0966C4, #00295C, #19111C, #000818)
• Indigo Station color palette (#CEE7DF, #798BC5, #765CA6, #003E51, #000D28)
• Smoked Navy color palette (#D4E7F4, #0065AC, #060092, #0D0049, #110015)
• Velvet Garnet color palette (#D8E6F3, #00426E, #640029, #1C2900, #000205)
• Lowlit Fern color palette (#F5E8CC, #5B5E0D, #342B00, #190E00, #020400)

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