Weathered Petrol color palette — #F2E4EE · #7AC0D1 · #1673A1 · #004C42 · #001338
A conversation between Slate and Midnight, giving this palette its sense of trust and stability.
The five colors
- Blush (#F2E4EE): A whisper-light, dusty pink — the color of neon signs at night.
- Sky (#7AC0D1): A luminous, dusty blue — the color of deep harbor water.
- Slate (#1673A1): A full-bodied, balanced blue — the color of a favorite pair of jeans.
- Forest (#004C42): A deep, shadowed, dusty teal — the color of glacier melt.
- Midnight (#001338): 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
- Hushed Cobalt color palette (#FAEEF4, #ACCDE0, #3F81B9, #005C57, #131E3F)
- Tempered Denim color palette (#F0E0E7, #73A3C1, #2055A4, #00393C, #08002E)
- Weathered Petrol color palette (#F7EFF4, #D6D1E8, #82A0BB, #3E747E, #2B3748)
- Weathered Abyss Courtyard color palette (#ECDFE8, #549799, #005265, #002D1C, #00050C)
- Plum Garden color palette (#F7E7EF, #AB3580, #007047, #005A47, #1B0010)
- Linen Mulberry Parlor color palette (#E5DBF8, #B15AA1, #007E60, #79006B, #00170F)
- Airy Hollow color palette (#F0E6FF, #F9A7B3, #C99568, #654383, #1F0E26)
- Quiet Cocoa Basin color palette (#F9DAEB, #A87C4D, #863D14, #5C0F19, #001306)
Browse the whole catalog at Explore, or see today's palette.