Petrol Basin color palette — #D3E1E9 · #00829E · #1F3442 · #071820 · #02070B

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

The five colors

• Silver (#D3E1E9): bright and airy, almost weightless.
• Cerulean (#00829E): A full-bodied, balanced blue — the color of a favorite pair of jeans.
• Deep Teal (#1F3442): A deep, shadowed, dusty blue — the color of a favorite pair of jeans.
• Ink (#071820): A deep, shadowed, dusty blue — the color of deep harbor water.
• Ink (#02070B): quiet, heavy and certain.

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

Use it as a design system

One click turns Petrol Basin 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 Cobalt color palette (#DEEDFF, #0075D4, #233148, #0D1721, #03070C)
• Cerulean Lantern color palette (#D5E8F2, #00A0BD, #414E61, #213038, #111A1C)
• Eclipse Denim Bloom color palette (#C8E2FA, #006194, #292228, #001D43, #000814)
• Washed Terrace color palette (#EAF2FF, #5D86F5, #AC5FA1, #007A80, #131E30)
• Linen Periwinkle Basin color palette (#E8F3FF, #67A9E9, #57A06F, #31689B, #002E2D)
• Olive Quarry color palette (#E6F6F0, #A6BC8E, #5D8052, #3A5C5B, #142D27)
• Soft Sky Dune color palette (#B9E7FF, #3CB1F1, #2F80BD, #204D7A, #1A2F4D)
• Lapis Terrace color palette (#DEE9FF, #4D43FC, #292347, #070F23, #010309)

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