Weathered Petrol color palette — #F2F7F0 · #6EC1AC · #2477A3 · #00705D · #112921
A conversation between Slate and Pine, giving this palette its sense of trust and stability.
The five colors
- Ivory (#F2F7F0): bright and airy, almost weightless.
- Mint Leaf (#6EC1AC): A luminous, balanced teal — the color of glacier melt.
- Slate (#2477A3): A full-bodied, balanced blue — the color of a favorite pair of jeans.
- Pine (#00705D): A full-bodied, balanced teal — the color of sea glass.
- Onyx (#112921): A deep, shadowed, dusty teal — the color of glacier melt.
Feels like: Trust, Stability, Calm, Sophistication. Tagged duotone, muted, cool.
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
- Tempered Market color palette (#F6F6EF, #A2B78A, #007D8C, #4A6C00, #142A1B)
- Patina Indigo color palette (#F1F7F1, #66C0BE, #5F65B6, #006E6D, #2F1D2A)
- Wandering Garnet color palette (#FFF4E2, #48A8B1, #336F9C, #822A39, #224633)
- Ancient Indigo Meadow color palette (#F1F3EB, #8AC492, #7564BF, #2A763C, #160911)
- Sunlit Harbor color palette (#E8FAF2, #51AED8, #8136BE, #005E7F, #2F111E)
- Aged Cypress color palette (#F2F7F2, #D1DEDD, #B2C4C5, #2B8384, #414B41)
- Tempered Lilac color palette (#EEF7F6, #9DD59F, #B489EB, #2F823B, #222232)
- Aqua Drift color palette (#E8FBF0, #89F8EC, #16CBF7, #577FD5, #194534)
Browse the whole catalog at Explore, or see today's palette.