Weathered Petrol Garden color palette — #EFF6FC · #FCC6C2 · #6A9CBB · #376987 · #16232D
A conversation between Peacock and Blue Fog, giving this palette its sense of trust and stability.
The five colors
- Ivory (#EFF6FC): a clean, paper-quiet neutral.
- Shell Pink (#FCC6C2): A whisper-light, dusty orange — the color of autumn markets.
- Blue Fog (#6A9CBB): A luminous, dusty blue — the color of deep harbor water.
- Peacock (#376987): A full-bodied, dusty blue — the color of deep harbor water.
- Midnight (#16232D): A deep, shadowed, dusty blue — the color of a favorite pair of jeans.
Feels like: Trust, Stability, Sophistication. Tagged luxury, dark, muted.
Use it as a design system
One click turns Weathered Petrol Garden 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
- Petrol Quarry color palette (#EEF8F2, #D7C296, #217D97, #004A5C, #16261D)
- Ancient Iris Villa color palette (#E8EEFF, #B5D49E, #827EC3, #524F7F, #101526)
- Aged Sky Terrace color palette (#F1F6FB, #DDD9E3, #BFAEB3, #81B0E0, #414951)
- Hushed Cornflower color palette (#D1E7FF, #FFA76B, #0080E2, #004F8F, #001024)
- Dusty Blush color palette (#F9EDFB, #E999A8, #35577C, #341D37, #110912)
- Frosted Emerald color palette (#DFFCF9, #86D7E0, #9A9EDD, #489554, #244154)
- Ancient Amber color palette (#E5F1FC, #DC7555, #005D94, #002B48, #000205)
- Pale Aubergine color palette (#DBDFF1, #74B97A, #6C57A9, #3F2179, #01010E)
Browse the whole catalog at Explore, or see today's palette.