Midnight Petrol color palette — #C1E9F1 · #00677D · #004155 · #001B2A · #00050D
A conversation between Peacock and Deep Teal, giving this palette its sense of trust and stability.
The five colors
- Frost (#C1E9F1): A whisper-light, dusty blue — the color of deep harbor water.
- Peacock (#00677D): A full-bodied, balanced blue — the color of open sky before noon.
- Deep Teal (#004155): A deep, shadowed, dusty blue — the color of a favorite pair of jeans.
- Midnight (#001B2A): A deep, shadowed, dusty blue — the color of a favorite pair of jeans.
- Ink (#00050D): A deep, shadowed, dusty blue — the color of open sky before noon.
Feels like: Trust, Stability, Calm, Sophistication, Depth, Luxury. Tagged dark, muted, cool.
Use it as a design system
One click turns Midnight 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
- Dusty Cerulean color palette (#C7EEF4, #008CA7, #005972, #00364C, #001A29)
- Inked Atelier color palette (#D6E5DC, #006D54, #00473A, #002320, #000404)
- Hushed Cerulean Meadow color palette (#C1EDE7, #00939F, #005F74, #002C47, #000107)
- Fern Meadow color palette (#DBF1FF, #006483, #335400, #002F3F, #010400)
- Midnight Cobalt Studio color palette (#C7E5FF, #0078BB, #003C67, #001123, #000104)
- Washed Indigo color palette (#DAECFC, #7496CC, #5F6CDA, #004862, #000818)
- Aubergine Study color palette (#D2EBFB, #00516A, #49009C, #003923, #000102)
- Antique Navy color palette (#DEEFFF, #0064B9, #00377B, #030067, #010019)
Browse the whole catalog at Explore, or see today's palette.