Weathered Petrol color palette — #F6EDE0 · #83BAD6 · #146DAB · #004F56 · #132C59

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

The five colors

• Cream (#F6EDE0): a clean, paper-quiet neutral.
• Sky (#83BAD6): A luminous, dusty blue — the color of deep harbor water.
• Peacock (#146DAB): A full-bodied, balanced blue — the color of open sky before noon.
• Forest (#004F56): A deep, shadowed, dusty blue — the color of open sky before noon.
• Navy (#132C59): A deep, shadowed, balanced violet — the color of twilight just after sunset.

Feels like: Trust, Stability, 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

• Washed Study color palette (#F1E7E0, #90BFAB, #3469BB, #004C44, #170540)
• Washed Canyon color palette (#F9F4EE, #9ED2C1, #5579AC, #005D6F, #4D2E47)
• Antique Denim Grove color palette (#F4EADA, #6FABA9, #00636E, #00402E, #00242F)
• Periwinkle Lantern color palette (#E7F2E9, #B0D9F5, #40ABFF, #008F9C, #1B2D4D)
• Worn Canyon color palette (#FFE5EE, #EEB5ED, #D08BA6, #4B519C, #402848)
• Wandering Amethyst color palette (#F4DBE5, #8048C1, #8A4D00, #005A50, #251638)
• Soft Navy Studio color palette (#EAE1D2, #6284A4, #052F91, #00212B, #06002B)
• Cypress Study color palette (#F9F4ED, #CCE4E5, #AB8DAE, #537960, #614A5D)

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