Weathered Petrol Loft color palette — #CBE4F8 · #006897 · #392D30 · #052544 · #000A16

A conversation between Peacock and Midnight, giving this palette its sense of trust and stability.

The five colors

• Frost (#CBE4F8): A whisper-light, dusty blue — the color of deep harbor water.
• Peacock (#006897): A full-bodied, balanced blue — the color of open sky before noon.
• Espresso (#392D30): quiet, heavy and certain.
• Midnight (#052544): A deep, shadowed, dusty blue — the color of deep harbor water.
• Ink (#000A16): A deep, shadowed, dusty blue — the color of a favorite pair of jeans.

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

Use it as a design system

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

• Midnight Ultramarine color palette (#DAEBFF, #005CBE, #182144, #1D1012, #00091B)
• Cypress Garden color palette (#D4F6FE, #006F6B, #453D43, #002A2E, #000C0F)
• Aged Azure color palette (#D6E7F8, #4794DB, #424E60, #232F3B, #111920)
• Midnight Denim color palette (#CCE2F4, #004B6B, #241F26, #06082F, #000307)
• Soft Orchid color palette (#DCDEFA, #A457EF, #454061, #23233F, #0E1020)
• Softworn Petrol color palette (#DDECE9, #7ABEC9, #00829A, #005959, #00232F)
• Cobalt Market color palette (#D6EEE4, #0083B7, #303D75, #002419, #000301)
• Muted Indigo color palette (#E4EAFB, #4B5FFF, #342F64, #101739, #010717)

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