Weathered Petrol color palette — #F4F7EA · #BDE2F2 · #6BAFD5 · #007C8E · #02372C
Built around Teal, softened by Cyan — the whole palette hums with trust and stability.
The five colors
- Ivory (#F4F7EA): bright and airy, almost weightless.
- Powder Blue (#BDE2F2): A whisper-light, dusty blue — the color of open sky before noon.
- Cyan (#6BAFD5): A luminous, balanced blue — the color of open sky before noon.
- Teal (#007C8E): A full-bodied, balanced blue — the color of deep harbor water.
- Deep Forest (#02372C): A deep, shadowed, dusty teal — the color of shallow lagoons.
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
- Wandering Petrol color palette (#EEEFE3, #6EC7CC, #007581, #003E39, #000305)
- Petrol Summit color palette (#F3F7ED, #C1E0F4, #80AAD9, #0079A0, #3E233D)
- Weathered Study color palette (#F6F6EC, #ABF5F3, #00A5AF, #006B5E, #002329)
- Wandering Field color palette (#EAF9F7, #ABCADE, #0082B5, #005E6C, #1A3E59)
- Wandering Bloom color palette (#FBF3EE, #C5EAD8, #7AB7F1, #00A09A, #2A3764)
- Aged Cerulean color palette (#F4F6EF, #C0DEEA, #A9C1E9, #5B9EA8, #33554A)
- Softworn Lagoon color palette (#F3F8E8, #A6D9C6, #2E7FBF, #004E64, #000C21)
- Timeworn Plum Bloom color palette (#FFF1F1, #F0A4CD, #6BABEB, #B24B89, #00294C)
Browse the whole catalog at Explore, or see today's palette.