Weathered Petrol color palette — #C7F2E8 · #00AEBF · #0070B3 · #7D324E · #5E3226
A conversation between Royal Blue and Cyan, giving this palette its sense of trust and stability.
The five colors
- Honeydew (#C7F2E8): A whisper-light, dusty teal — the color of sea glass.
- Cyan (#00AEBF): A luminous, balanced blue — the color of open sky before noon.
- Royal Blue (#0070B3): A full-bodied, balanced blue — the color of deep harbor water.
- Wine (#7D324E): A full-bodied, balanced rose — the color of a warm blush.
- Cocoa (#5E3226): A deep, shadowed, dusty orange — the color of autumn markets.
Feels like: Trust, Stability, Calm, Balance. Tagged vintage, retro, muted, cool.
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
- Sapphire Cabin color palette (#CEECF3, #4BACE8, #5361B5, #763C30, #583300)
- Mulberry Meadow color palette (#DBEFDC, #57B9A7, #007B8E, #70306C, #651F33)
- Antique Terrace color palette (#DAE4D6, #00CACA, #6781BC, #8A5333, #5D2C0A)
- Pewter Balcony color palette (#D2E3F0, #90A4C1, #7E6C9B, #6A4658, #2A4A36)
- Feathered Grove color palette (#CAE6E9, #55CFF1, #57A4D7, #856CA6, #562E5C)
- Worn Market color palette (#E0ECF6, #7C83AC, #653E7C, #4E2E00, #292600)
- Tempered Quarry color palette (#CAEAFF, #0091BD, #B14F00, #005672, #4D1E00)
- Linen Plum Corridor color palette (#DAF1FF, #007AAA, #B4006A, #515800, #00283B)
Browse the whole catalog at Explore, or see today's palette.