Twilit Petrol color palette — #DAE9F8 · #1268AA · #14253E · #000D1E · #000206
A conversation between Peacock and Midnight, giving this palette its sense of trust and stability.
The five colors
- Frost (#DAE9F8): A whisper-light, dusty blue — the color of a favorite pair of jeans.
- Peacock (#1268AA): A full-bodied, balanced blue — the color of deep harbor water.
- Midnight (#14253E): A deep, shadowed, dusty blue — the color of open sky before noon.
- Ink (#000D1E): A deep, shadowed, dusty blue — the color of open sky before noon.
- Black (#000206): A deep, shadowed, dusty blue — the color of open sky before noon.
Feels like: Trust, Stability, Calm, Sophistication, Depth, Luxury. Tagged noir, dark, luxury, 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
- Deep Meadow color palette (#E0E4F9, #6C52A5, #23213C, #080920, #010207)
- Midnight Navy color palette (#E0EDFF, #003D92, #1F151B, #06082C, #000106)
- Cobalt Alley color palette (#EDF6FF, #2E90D9, #2A3351, #02101F, #000103)
- Plum Harbor color palette (#E1E8FF, #796DC4, #B23A75, #00657E, #0C102E)
- Driftwood Coast color palette (#ECECF7, #8C78A8, #3B394B, #1C1D2C, #0A0C13)
- Weathered Market color palette (#EBF4F3, #B1CCDA, #0088AE, #005A61, #002435)
- Obsidian Grape color palette (#E2E8FF, #6A00DD, #2A0A42, #0A0022, #000108)
- Charred Workshop color palette (#E7EEFF, #5A423F, #310097, #280F12, #09001D)
Browse the whole catalog at Explore, or see today's palette.