Weathered Petrol color palette — #D1E7F3 · #006B97 · #004165 · #00223E · #000E2C

Peacock takes the lead with Navy close behind in a set that reads as trust and stability at first glance.

The five colors

• Frost (#D1E7F3): A whisper-light, dusty blue — the color of deep harbor water.
• Peacock (#006B97): A full-bodied, balanced blue — the color of deep harbor water.
• Navy (#004165): A deep, shadowed, balanced blue — the color of deep harbor water.
• Midnight (#00223E): A deep, shadowed, dusty blue — the color of a favorite pair of jeans.
• Ink (#000E2C): A deep, shadowed, dusty blue — the color of deep harbor water.

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

Use it as a design system

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

• Softworn Orchard color palette (#DFF3EE, #00736B, #004544, #00282A, #02101C)
• Muted Navy Workshop color palette (#DBEDFC, #0068BC, #00377F, #07006A, #07003E)
• Misty Mulberry color palette (#DEEEFF, #0060AB, #88005B, #002D55, #230014)
• Soft Corridor color palette (#DEECFF, #94A3E8, #806CD6, #004373, #0A1439)
• Chalky Basin color palette (#E5F1FF, #004E8B, #64007D, #003934, #000716)
• Ancient Nightshade Garden color palette (#DDEAFF, #3B62CC, #2A00AB, #1D0062, #1E0025)
• Timeworn Navy color palette (#DDEEFA, #0093EA, #0063B9, #0035A3, #3D0075)
• Patina Olive color palette (#D4F1E3, #666D2A, #3D3A00, #221C00, #080D00)

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