Weathered Petrol color palette — #FAF4EB · #B8DFCD · #649BC8 · #007B84 · #213A61

Teal takes the lead with Blue Fog close behind in a set that reads as trust and stability at first glance.

The five colors

• Ivory (#FAF4EB): a clean, paper-quiet neutral.
• Celadon Mist (#B8DFCD): A whisper-light, dusty teal — the color of glacier melt.
• Blue Fog (#649BC8): A luminous, balanced blue — the color of deep harbor water.
• Teal (#007B84): A full-bodied, balanced blue — the color of open sky before noon.
• Navy (#213A61): 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

• Antique Cerulean Courtyard color palette (#F2EEE7, #AFCEB0, #0097AC, #006E57, #003344)
• Hushed Lagoon Ridge color palette (#F9F4ED, #C9E2D9, #62B3BD, #04906A, #184F5F)
• Muted Canyon color palette (#EFE7DA, #66AFB5, #007288, #004B3F, #001622)
• Aged Terrace color palette (#F2ECE3, #6F9E8C, #005A9D, #003A42, #000030)
• Cobalt Field color palette (#F5EDE1, #89B8D9, #3875C0, #005766, #0E1651)
• Feathered Emerald Villa color palette (#DCEDD9, #6EC48F, #00A173, #007462, #003F3D)
• Timeworn Peony color palette (#E8F2E1, #53BEA1, #D2709E, #00856C, #5A193B)
• Frosted Violet Harbor color palette (#D9EBD1, #00AD98, #996EDC, #AF6100, #00342C)

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