Weathered Petrol color palette — #F7EAF1 · #70C4DC · #006EA3 · #003F37 · #000110
Built around Peacock, softened by Sky — the whole palette hums with trust and stability.
The five colors
- Blush (#F7EAF1): a clean, paper-quiet neutral.
- Sky (#70C4DC): A luminous, balanced blue — the color of a favorite pair of jeans.
- Peacock (#006EA3): A full-bodied, balanced blue — the color of deep harbor water.
- Forest (#003F37): A deep, shadowed, dusty teal — the color of sea glass.
- Black (#000110): A deep, shadowed, dusty violet — the color of a velvet chair.
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
- Pale Ultramarine color palette (#E4F3E2, #79BDFA, #425EBF, #003D45, #030010)
- Teal Balcony color palette (#EFE3EB, #3BB7B4, #005F6F, #002D17, #000103)
- Antique Thicket color palette (#FFF1F6, #90D6FF, #2B77DD, #005154, #090132)
- Denim Boulevard color palette (#EEE5D5, #589AAE, #005071, #003030, #00142B)
- Patina Terrace color palette (#FBEBF5, #74BCD2, #2C87D4, #006F59, #0D0441)
- Moss Study color palette (#DDE2D4, #4DA100, #00643B, #00261D, #000505)
- Periwinkle Lantern color palette (#FCF2F7, #D7D4E0, #6DACE3, #287D77, #202C4E)
- Muted Mulberry color palette (#CBEDD9, #24A46D, #A30061, #00482C, #040001)
Browse the whole catalog at Explore, or see today's palette.