Weathered Petrol color palette — #EDF0E4 · #76C1E8 · #006EA3 · #003C49 · #000308

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

The five colors

• Cream (#EDF0E4): a clean, paper-quiet neutral.
• Sky (#76C1E8): A luminous, balanced blue — the color of open sky before noon.
• Peacock (#006EA3): A full-bodied, balanced blue — the color of deep harbor water.
• Deep Teal (#003C49): A deep, shadowed, dusty blue — the color of a favorite pair of jeans.
• Ink (#000308): A deep, shadowed, dusty blue — the color of deep harbor water.

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

• Timeworn Turquoise color palette (#E1E3D3, #62B0B8, #00606D, #002B29, #000102)
• Misty Cobalt color palette (#F2F8E7, #ADD0F3, #427AC8, #004C6D, #010432)
• Patina Navy Quarry color palette (#EADCE2, #5493B0, #004A88, #002C2B, #02001C)
• Petrol Atelier color palette (#F4F7EC, #BFE1F3, #78ACD8, #007B99, #152F4D)
• Feathered Drift color palette (#E8DED6, #82B8D4, #0183EC, #006D6C, #0B0048)
• Dusty Workshop color palette (#F3E3D8, #B96500, #007B45, #5B2F00, #000200)
• Aqua Dune color palette (#F5F6ED, #BFDFE5, #7BC9D5, #449189, #0B4754)
• Wandering Ember Parlor color palette (#F3DDD8, #E04C00, #8B3900, #421D00, #060200)

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