Twilit Petrol Villa color palette — #CFEBF9 · #00788A · #002F3E · #00131B · #000407
Teal and Midnight set the tone — five colors that lean into trust and stability.
The five colors
- Frost (#CFEBF9): A whisper-light, dusty blue — the color of open sky before noon.
- Teal (#00788A): A full-bodied, balanced blue — the color of a favorite pair of jeans.
- Midnight (#002F3E): A deep, shadowed, dusty blue — the color of open sky before noon.
- Ink (#00131B): A deep, shadowed, dusty blue — the color of a favorite pair of jeans.
- Ink (#000407): quiet, heavy and certain.
Feels like: Trust, Stability, Sophistication, Depth, Luxury. Tagged noir, dark, luxury, muted.
Use it as a design system
One click turns Twilit Petrol Villa 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
- Denim Cabin color palette (#D0E7F5, #005E77, #353036, #001D2D, #00060C)
- Dusty Cobalt Boulevard color palette (#E1EDFC, #3774C7, #20304F, #0B1625, #03070C)
- Cerulean Orchard color palette (#D3EDDB, #0097AC, #004D63, #152C1E, #0B140C)
- Raspberry Summit color palette (#DCE4FF, #5F72F5, #C700A3, #006E79, #0F1436)
- Quiet Emerald Market color palette (#E6F4FF, #00A5E3, #379C00, #00638A, #082800)
- Wandering Cabin color palette (#C4ECFD, #00AEE4, #0077AA, #004976, #002851)
- Hushed Summit color palette (#E5F6F5, #A4D6FF, #0084EA, #005D7D, #062251)
- Olive Grove color palette (#DEFAED, #9CB35C, #4B7B00, #205A2F, #1C2400)
Browse the whole catalog at Explore, or see today's palette.