Weathered Petrol color palette — #F4F6F0 · #C7E4D6 · #5C91B1 · #006E80 · #284B67

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

The five colors

• Ivory (#F4F6F0): a clean, paper-quiet neutral.
• Celadon Mist (#C7E4D6): A whisper-light, dusty teal — the color of sea glass.
• Slate Blue (#5C91B1): A luminous, dusty blue — the color of a favorite pair of jeans.
• Teal (#006E80): A full-bodied, balanced blue — the color of open sky before noon.
• Navy (#284B67): A deep, shadowed, dusty blue — the color of open sky before noon.

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

• Softworn Study color palette (#F8F0EA, #C4E5D5, #5F92C3, #006D69, #3A2336)
• Ancient Balcony color palette (#F3F7ED, #A8CFC3, #477BB4, #005B7A, #203A65)
• Washed Quarry color palette (#EBF0DE, #6596B6, #004D7E, #002E3C, #00132E)
• Aged Grove color palette (#EDF8F7, #D3DCF4, #7FC7F2, #57A5B6, #344A5E)
• Washed Driftwood Garden color palette (#FFF2EF, #E1D8CF, #EAAC9A, #A06681, #634841)
• Airy Lapis color palette (#FFF1F1, #B76D94, #B26429, #5D5ABA, #4D2E2E)
• Cocoa Loft color palette (#FFF3E8, #BDA285, #926845, #784121, #553600)
• Feathered Mulberry color palette (#FFD5D9, #CC90BA, #A85184, #8F295C, #623643)

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