Weathered Petrol color palette — #EEE8DF · #69C5C6 · #00788A · #004D3C · #001923
Built around Teal, softened by Aqua — the whole palette hums with trust and stability.
The five colors
- Parchment (#EEE8DF): bright and airy, almost weightless.
- Aqua (#69C5C6): A luminous, balanced teal — the color of sea glass.
- Teal (#00788A): A full-bodied, balanced blue — the color of a favorite pair of jeans.
- Forest (#004D3C): A deep, shadowed, dusty teal — the color of sea glass.
- Ink (#001923): A deep, shadowed, dusty blue — the color of a favorite pair of jeans.
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
- Petrol Study color palette (#F7EAF3, #80BEBE, #00748B, #005334, #00314C)
- Timeworn Cerulean color palette (#F7F1E7, #8BD5E1, #2C88A4, #005C53, #00281D)
- Feathered Canyon color palette (#F1E8DA, #7CBBE6, #216BBC, #004956, #0B1332)
- Muted Bloom color palette (#ECE1D0, #36ACCA, #006085, #003939, #000B1B)
- Muted Cerulean Summit color palette (#ECE5DA, #14869B, #004258, #001F1D, #000104)
- Cerulean Station color palette (#F7F1E8, #C1E6D5, #6692B8, #256970, #392338)
- Sunlit Boulevard color palette (#FFF2EE, #A3F7F9, #1EA0CA, #006F31, #031E3E)
- Seafoam Station color palette (#D6FED9, #69DDBB, #38AFBA, #4E6A21, #111A00)
Browse the whole catalog at Explore, or see today's palette.