Deep Petrol color palette — #CDEBF0 · #006D86 · #003144 · #000E1B · #010108

Peacock and Deep Teal set the tone — five colors that lean into trust and stability.

The five colors

• Frost (#CDEBF0): A whisper-light, dusty blue — the color of deep harbor water.
• Peacock (#006D86): A full-bodied, balanced blue — the color of deep harbor water.
• Deep Teal (#003144): A deep, shadowed, dusty blue — the color of a favorite pair of jeans.
• Ink (#000E1B): A deep, shadowed, dusty blue — the color of open sky before noon.
• Black (#010108): A deep, shadowed, dusty violet — the color of a velvet chair.

Feels like: Trust, Stability, Sophistication, Depth, Luxury. Tagged dark, muted.

Use it as a design system

One click turns Deep 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

• Nocturne Onyx Pier color palette (#E3E8D8, #005367, #00263F, #190024, #000407)
• Hushed Onyx Study color palette (#DBF4ED, #00828B, #00526B, #002253, #05001A)
• Dusty Pewter Canyon color palette (#DDE8DF, #8D9F93, #547A68, #003236, #000D03)
• Navy Corridor color palette (#DAE8F5, #005CB5, #050095, #0A0040, #02000F)
• Worn Navy color palette (#CEE5DE, #4564A1, #382F78, #3C0329, #210400)
• Washed Aubergine Grove color palette (#DFE4FF, #6D57D3, #500099, #26003B, #130018)
• Faded Nightshade color palette (#D8E4F3, #4872E2, #351EC2, #2D0074, #200045)
• Pale Navy color palette (#C2E4F8, #2E95E1, #0057B9, #0B1D8E, #180070)

Browse the whole catalog at Explore, or see today's palette.