Weathered Petrol color palette — #F9E9F3 · #8BB8D1 · #1C6EA1 · #005048 · #142B5B

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

The five colors

• Blush (#F9E9F3): A whisper-light, dusty pink — the color of neon signs at night.
• Ash (#8BB8D1): A luminous, dusty blue — the color of open sky before noon.
• Peacock (#1C6EA1): A full-bodied, balanced blue — the color of open sky before noon.
• Forest (#005048): A deep, shadowed, dusty teal — the color of sea glass.
• Navy (#142B5B): A deep, shadowed, balanced violet — the color of a velvet chair.

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

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

• Worn Lantern color palette (#FEF1F7, #A3CBE6, #497BB2, #00605F, #2F375E)
• Ancient Chapel color palette (#E8EBDE, #84BDCF, #007699, #004A51, #001826)
• Dusty Denim color palette (#F8E5EB, #77A5C6, #325498, #003D42, #1D124D)
• Aged Basin color palette (#D8EFFF, #AFC8EF, #9F8AC1, #006E6A, #10314A)
• Hushed Lantern color palette (#CFF3E9, #00A4A8, #00657A, #00415B, #062856)
• Azure Garden color palette (#CEEBFF, #309FDA, #005B85, #002E46, #001523)
• Tempered Periwinkle Garden color palette (#F7ECE6, #98DFF7, #35AEFA, #009285, #1B2C51)
• Weathered Cypress Atelier color palette (#FAF3F7, #D7DFF1, #789DC0, #337C77, #44536C)

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