Twilit Petrol color palette — #CDE5F0 · #007EA3 · #003B4C · #00131C · #000102
A conversation between Cerulean and Deep Teal, giving this palette its sense of trust and stability.
The five colors
- Frost (#CDE5F0): A whisper-light, dusty blue — the color of a favorite pair of jeans.
- Cerulean (#007EA3): A full-bodied, balanced blue — the color of deep harbor water.
- Deep Teal (#003B4C): A deep, shadowed, dusty blue — the color of open sky before noon.
- Ink (#00131C): A deep, shadowed, dusty blue — the color of open sky before noon.
- Black (#000102): quiet, heavy and certain.
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
- Patina Cabin color palette (#C4E4F7, #49A1D3, #1E7AD8, #00414B, #000910)
- Weathered Azure color palette (#C8E9FF, #00AAE8, #006288, #003044, #00070F)
- Velvet Orchard color palette (#E0EDFC, #097B4D, #001F3D, #150B11, #000309)
- Wandering Byzantium color palette (#C7F2EA, #AC00C5, #0061B5, #0A0919, #000104)
- Patina Denim Thicket color palette (#E7F4FF, #A8CBEC, #558BB6, #0C5481, #001F35)
- Velvet Ridge color palette (#DBE4FF, #5267C6, #2800AC, #08003B, #00000B)
- Frosted Hollow color palette (#E0E6F6, #5956C1, #580064, #24007A, #030004)
- Frosted Station color palette (#DBDEFF, #8790E1, #4C45AE, #200075, #050023)
Browse the whole catalog at Explore, or see today's palette.