Misty Petrol Drift color palette — #E2F3F2 · #8CB7D5 · #086CAE · #004C62 · #032D5B

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

The five colors

• Cream (#E2F3F2): a clean, paper-quiet neutral.
• Sky (#8CB7D5): A luminous, dusty blue — the color of deep harbor water.
• Peacock (#086CAE): A full-bodied, balanced blue — the color of open sky before noon.
• Navy (#004C62): A deep, shadowed, dusty blue — the color of open sky before noon.
• Navy (#032D5B): A deep, shadowed, balanced blue — the color of a favorite pair of jeans.

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

Use it as a design system

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

• Cobalt Villa color palette (#F3E4EB, #8DBAD7, #3569B9, #004B4E, #110C3B)
• Weathered Cypress color palette (#E4F2EF, #8CBAC7, #00767F, #005148, #00343D)
• Softworn Lilac Basin color palette (#E2EFFF, #AEC2F7, #9892E1, #2E6894, #24344E)
• Muted Quarry color palette (#D6F5FF, #0099C4, #006791, #00446B, #252355)
• Weathered Cerulean color palette (#E9F9F6, #9ADBE3, #008FA5, #006764, #00475A)
• Periwinkle Courtyard color palette (#EDF0E5, #A4DBFF, #3EACFF, #008CAF, #132F4F)
• Cobalt Studio color palette (#F7ECE3, #A4CFBF, #5D86CA, #006B71, #28255A)
• Cobalt Loft color palette (#D6E4F2, #006DBC, #7C4094, #005A51, #00203E)

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