Weathered Petrol color palette — #F4F6EE · #C8E3DA · #6A8DB4 · #006C8E · #573E56

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

The five colors

• Ivory (#F4F6EE): a clean, paper-quiet neutral.
• Silver (#C8E3DA): A whisper-light, dusty teal — the color of shallow lagoons.
• Slate Blue (#6A8DB4): A luminous, dusty blue — the color of deep harbor water.
• Peacock (#006C8E): A full-bodied, balanced blue — the color of deep harbor water.
• Charcoal (#573E56): A full-bodied, dusty pink — the color of a candy shop window.

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

• Tempered Cypress Drift color palette (#F5F6EF, #C7E5D0, #4E95AB, #007073, #1B4E62)
• Antique Corridor color palette (#F8F0E9, #BDE7DA, #6B8BD3, #006B76, #3C2331)
• Tempered Studio color palette (#FBF2F5, #D7DDFB, #82A3EB, #2E8893, #3E4662)
• Washed Canyon color palette (#FFF1F5, #9D75BB, #B55C64, #006EAC, #4E2C38)
• Cobalt Villa color palette (#F3F7E9, #A3D5F9, #1384D4, #00627E, #0D3F79)
• Antique Denim Basin color palette (#E0E1D6, #70A9B5, #006177, #003E3F, #002331)
• Muted Coast color palette (#EDF1E1, #5189A0, #00425E, #002128, #000A16)
• Worn Station color palette (#F5F7E7, #64C9D5, #007B8F, #005654, #003948)

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