Twilit Petrol color palette — #C4E5F9 · #007AA7 · #003A55 · #00121C · #000204
A conversation between Cerulean and Deep Teal, giving this palette its sense of trust and stability.
The five colors
- Powder Blue (#C4E5F9): A whisper-light, dusty blue — the color of a favorite pair of jeans.
- Cerulean (#007AA7): A full-bodied, balanced blue — the color of a favorite pair of jeans.
- Deep Teal (#003A55): A deep, shadowed, dusty blue — the color of deep harbor water.
- Ink (#00121C): A deep, shadowed, dusty blue — the color of deep harbor water.
- Black (#000204): a grounded near-black with real depth.
Feels like: Trust, Stability, Calm, Sophistication, Depth, Luxury. Tagged monochrome, dark, muted, cool.
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
- Pale Thicket color palette (#C6E4F4, #00AEE9, #0081AB, #004C66, #000204)
- Cellar Lagoon Atelier color palette (#D2F3EF, #00897B, #003E39, #001310, #000303)
- Timeworn Cerulean color palette (#DFEFF7, #009BC6, #006186, #002739, #000307)
- Frosted Indigo Alley color palette (#D0E9F2, #75A8DC, #685DD8, #004A4E, #001826)
- Crimson Chapel color palette (#E9E9D9, #F10F40, #006AC5, #0D0C1D, #000207)
- Velvet Navy Atelier color palette (#DBE2F2, #3557C0, #040085, #00022B, #050005)
- Hushed Alley color palette (#E4EDFE, #4B56D2, #600037, #190078, #040008)
- Bronze Courtyard color palette (#D4E0EF, #896600, #001948, #1F1522, #000314)
Browse the whole catalog at Explore, or see today's palette.