Petrol Cabin color palette — #DCF2FF · #369CD6 · #0068A6 · #004182 · #061D46

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

The five colors

• Frost (#DCF2FF): A whisper-light, dusty blue — the color of a favorite pair of jeans.
• Cerulean (#369CD6): A luminous, balanced blue — the color of open sky before noon.
• Peacock (#0068A6): A full-bodied, balanced blue — the color of deep harbor water.
• Navy (#004182): A deep, shadowed, balanced blue — the color of open sky before noon.
• Midnight (#061D46): A deep, shadowed, balanced violet — the color of wild irises.

Feels like: Trust, Stability, Calm, Balance. Tagged cool.

Use it as a design system

One click turns Petrol Cabin 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

• Gentle Market color palette (#E1FBFF, #5BCCFC, #2D91D9, #38559C, #23224E)
• Nightshade Loft color palette (#DBF6F8, #3BA3C7, #0072BA, #253EA8, #313464)
• Patina Turquoise color palette (#C9E6E7, #00AEBE, #007588, #00495B, #002533)
• Hushed Denim Field color palette (#DAEBFF, #5394DC, #398F5B, #00559E, #00230F)
• Powdered Cobalt color palette (#D2E7FF, #7DA6E7, #5870BC, #424E8C, #282749)
• Powdered Cobalt color palette (#E3ECFF, #8BA5ED, #4766B2, #1B2B73, #020332)
• Pale Grape Lantern color palette (#E7E9F7, #938DE7, #7152B4, #4C2A79, #29123D)
• Patina Cornflower Basin color palette (#E0EDFF, #4478D6, #925392, #006969, #03132C)

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