Weathered Petrol color palette — #E2F2F0 · #8ABFD9 · #006F9F · #003C48 · #000308

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

The five colors

• Cream (#E2F2F0): bright and airy, almost weightless.
• Sky (#8ABFD9): A luminous, dusty blue — the color of deep harbor water.
• Peacock (#006F9F): A full-bodied, balanced blue — the color of deep harbor water.
• Deep Teal (#003C48): A deep, shadowed, dusty blue — the color of open sky before noon.
• 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

• Dusty Dune color palette (#D0E4E0, #68B0B5, #00606C, #002C29, #000102)
• Pale Cobalt color palette (#E6FAF9, #A7D1F9, #397ACE, #004D6B, #000236)
• Tempered Olive color palette (#C5E6FC, #008AB6, #417800, #004259, #000200)
• Periwinkle Alley color palette (#E1F0FF, #A6C7FF, #909DEE, #00648A, #00030B)
• Cerulean Study color palette (#C9E9EF, #008CAA, #005F7D, #002435, #00060E)
• Grape Orchard color palette (#D1ECF7, #007291, #5F33BB, #005031, #000102)
• Faded Azure color palette (#C7E3FF, #349CF4, #005492, #00162B, #000104)
• Cornflower Courtyard color palette (#EBDCE3, #69BCE2, #0084E9, #006D6C, #0A093D)

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