Twilit Petrol color palette — #CAE9F9 · #006EAA · #003B6E · #001040 · #00000B
A conversation between Peacock and Navy, giving this palette its sense of trust and stability.
The five colors
- Frost (#CAE9F9): A whisper-light, dusty blue — the color of deep harbor water.
- Peacock (#006EAA): A full-bodied, balanced blue — the color of a favorite pair of jeans.
- Navy (#003B6E): A deep, shadowed, balanced blue — the color of open sky before noon.
- Deep Indigo (#001040): A deep, shadowed, balanced violet — the color of wild irises.
- Black (#00000B): A deep, shadowed, dusty violet — the color of a velvet chair.
Feels like: Trust, Stability, Calm, Depth, Luxury. Tagged dark, 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
- Onyx Courtyard color palette (#C8F7F4, #007593, #003C69, #0A005A, #100023)
- Deep Boulevard color palette (#BFECED, #007281, #003D4B, #001C28, #000205)
- Velvet Navy color palette (#CBE1F9, #135BCC, #141A94, #110048, #03000E)
- Misty Onyx color palette (#D5E9E7, #009DC1, #004F85, #120058, #020007)
- Smoked Navy color palette (#CEEBDB, #005B87, #002574, #280024, #000205)
- Soft Navy color palette (#DCF2FF, #1382C9, #0058A7, #060095, #05002B)
- Hazy Nightshade Harbor color palette (#C6EADE, #009EC0, #0072A5, #0D33B4, #000308)
- Inked Aubergine Coast color palette (#DDDFF6, #684EB5, #490081, #230035, #030004)
Browse the whole catalog at Explore, or see today's palette.