Weathered Petrol Study color palette — #F8EBE7 · #63C2CB · #00719A · #00532E · #192D50

A conversation between Peacock and Deep Olive, giving this palette its sense of nature and growth.

The five colors

• Cream (#F8EBE7): bright and airy, almost weightless.
• Cyan (#63C2CB): A luminous, balanced blue — the color of deep harbor water.
• Peacock (#00719A): A full-bodied, balanced blue — the color of a favorite pair of jeans.
• Deep Olive (#00532E): A deep, shadowed, balanced teal — the color of sea glass.
• Midnight (#192D50): A deep, shadowed, dusty violet — the color of a velvet chair.

Feels like: Nature, Growth, Trust, Stability, Calm, Balance. Tagged coastal, cool, light, muted.

Use it as a design system

One click turns Weathered Petrol Study 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

• Cobalt Grove color palette (#FDF3ED, #8AD2E1, #1E80B9, #176147, #2E395A)
• Washed Sapphire Terrace color palette (#F9ECDF, #82B7E5, #5260B1, #004F51, #342549)
• Dusty Petrol Veranda color palette (#DEEDEA, #8FBBCB, #00788A, #004B48, #001921)
• Softworn Villa color palette (#CEF0FF, #009FCD, #005E6F, #00333E, #001D28)
• Misty Lilac Quarry color palette (#DDF6DC, #90CAF2, #BA8DE0, #306841, #1D3B2A)
• Worn Corridor color palette (#D1E5D8, #009B85, #00646A, #004456, #252355)
• Weathered Turquoise color palette (#F6EBF3, #A0E0E7, #2AB4E3, #009472, #052F52)
• Nightshade Basin color palette (#F6E7D7, #5D95C5, #353A9B, #002F31, #1D0334)

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