Twilit Petrol Market color palette — #C9E3F7 · #006FA9 · #002D49 · #281D24 · #000A14

Built around Peacock, softened by Midnight — the whole palette hums with trust and stability.

The five colors

• Powder Blue (#C9E3F7): A whisper-light, dusty blue — the color of a favorite pair of jeans.
• Peacock (#006FA9): A full-bodied, balanced blue — the color of a favorite pair of jeans.
• Midnight (#002D49): A deep, shadowed, dusty blue — the color of deep harbor water.
• Onyx (#281D24): A deep, shadowed, dusty pink — the color of a candy shop window.
• Ink (#000A14): A deep, shadowed, dusty blue — the color of deep harbor water.

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

Use it as a design system

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

• Dusty Cobalt Grove color palette (#D1E7F7, #057FC7, #00497A, #001B2D, #000205)
• Cypress Delta color palette (#D4F8F7, #007571, #00302E, #161B21, #000A0B)
• Denim Courtyard color palette (#D9E6F6, #1D5AA3, #411D00, #001C40, #060002)
• Navy Ridge color palette (#E3EEFF, #1D67BC, #0F0182, #1B111D, #000719)
• Hushed Nightshade Studio color palette (#DCE8FF, #7389DF, #134CAB, #002766, #00133B)
• Bronze Study color palette (#D7ECDE, #9C6800, #007276, #071014, #000203)
• Cellar Corridor color palette (#E6E6F7, #6344B2, #33006B, #280C0D, #0E0023)
• Weathered Pewter Pier color palette (#D3E5F2, #849BDF, #975996, #003F32, #000C21)

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