Twilit Petrol color palette — #DAEFFD · #006795 · #002C4D · #22191F · #000710
A conversation between Peacock and Midnight, giving this palette its sense of trust and stability.
The five colors
- Frost (#DAEFFD): A whisper-light, dusty blue — the color of a favorite pair of jeans.
- Peacock (#006795): A full-bodied, balanced blue — the color of open sky before noon.
- Midnight (#002C4D): A deep, shadowed, dusty blue — the color of deep harbor water.
- Onyx (#22191F): quiet, heavy and certain.
- Ink (#000710): A deep, shadowed, dusty blue — the color of open sky before noon.
Feels like: Trust, Stability, Sophistication, Depth, Luxury. Tagged monochrome, 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
- Lowlit Loft color palette (#C5E9EF, #006776, #00343D, #000C10, #000102)
- Twilit Ridge color palette (#E1ECFF, #115BAD, #001683, #20141A, #00041D)
- Tempered Cobalt Grove color palette (#CDE7FF, #0086C8, #004E78, #001D34, #000205)
- Hazy Coast color palette (#E9F3FF, #74B0FF, #0069C4, #003C6E, #000D26)
- Ultramarine Dune color palette (#E5EEFF, #7593E2, #2647B6, #001E63, #000318)
- Navy Grove color palette (#EFE4EC, #40509D, #520022, #100064, #040001)
- Terracotta Meadow color palette (#DFEADD, #993F00, #005880, #07090F, #000201)
- Worn Chapel color palette (#DDEFE6, #7285BF, #8555A2, #003B3D, #000309)
Browse the whole catalog at Explore, or see today's palette.