Weathered Petrol color palette — #F1F7F0 · #65C1B6 · #6767A4 · #006F66 · #2E1E28

Slate and Mint Leaf set the tone — five colors that lean into creativity and sophistication.

The five colors

• Ivory (#F1F7F0): a clean, paper-quiet neutral.
• Mint Leaf (#65C1B6): A luminous, balanced teal — the color of glacier melt.
• Slate (#6767A4): A full-bodied, balanced violet — the color of twilight just after sunset.
• Teal (#006F66): A full-bodied, balanced teal — the color of sea glass.
• Onyx (#2E1E28): A deep, shadowed, dusty pink — the color of neon signs at night.

Feels like: Creativity, Sophistication. Tagged duotone, 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

• Hushed Petrol Boulevard color palette (#F0F7F3, #91CBDC, #8E6EA3, #007A92, #38292E)
• Softworn Balcony color palette (#EBF3F7, #6CC2D1, #3876C0, #00727F, #050F1B)
• Hushed Parlor color palette (#F5F6ED, #8EBE81, #007B98, #347021, #17281F)
• Pale Drift color palette (#E6FBF3, #45ACE9, #9E3087, #005C88, #321115)
• Ancient Petrol Meadow color palette (#FFF3E4, #4CA6B4, #4E67A5, #674703, #214537)
• Azure Delta color palette (#EFF8F0, #83D3DD, #159AD5, #00919D, #112A21)
• Misty Aubergine color palette (#D0FFFE, #6DB8CC, #3C7EB1, #3E4A90, #432276)
• Hushed Petrol color palette (#F0F7F2, #D0DFE0, #D1BDC1, #3D7F8D, #404B44)

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