Twilit Petrol color palette — #CBEAE9 · #006977 · #003E4E · #001823 · #030313
A conversation between Peacock and Deep Teal, giving this palette its sense of trust and stability.
The five colors
- Frost (#CBEAE9): A whisper-light, dusty teal — the color of glacier melt.
- Peacock (#006977): A full-bodied, balanced blue — the color of a favorite pair of jeans.
- Deep Teal (#003E4E): A deep, shadowed, dusty blue — the color of deep harbor water.
- Ink (#001823): A deep, shadowed, dusty blue — the color of open sky before noon.
- Ink (#030313): A deep, shadowed, dusty violet — the color of wild irises.
Feels like: Trust, Stability, Sophistication, Depth, Luxury. Tagged 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
- Inked Petrol Hollow color palette (#D0E9FF, #006EA1, #002C43, #241719, #000B15)
- Obsidian Pine Bloom color palette (#DAECDA, #007547, #003C2E, #001917, #00050A)
- Cypress Hollow color palette (#DBEFE8, #007679, #005061, #002B44, #020026)
- Onyx Balcony color palette (#E1F2FA, #00628F, #002F5D, #010150, #12001C)
- Twilit Orchard color palette (#D1EDFF, #005975, #632D00, #002432, #0E0300)
- Garnet Balcony color palette (#DFF3FF, #004562, #610037, #232700, #000204)
- Wandering Indigo color palette (#D8F0FC, #7292C4, #6E61C0, #00353D, #000B1A)
- Inked Market color palette (#D9EFDE, #645A18, #392900, #1C0D00, #030400)
Browse the whole catalog at Explore, or see today's palette.