Weathered Petrol color palette — #ECF4F0 · #E6D5DB · #CEB8C5 · #007794 · #102B1F

Built around Teal, softened by Deep Forest — the whole palette hums with trust and stability.

The five colors

• Cream (#ECF4F0): a clean, paper-quiet neutral.
• Silver (#E6D5DB): A whisper-light, dusty rose — the color of a warm blush.
• Stone (#CEB8C5): A luminous, dusty pink — the color of peonies in June.
• Teal (#007794): A full-bodied, balanced blue — the color of open sky before noon.
• Deep Forest (#102B1F): A deep, shadowed, dusty teal — the color of sea glass.

Feels like: Trust, Stability, Sophistication. Tagged scandi, muted, light.

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

• Cobalt Lagoon color palette (#F5F0F6, #E1D2D3, #D3B6BE, #236BBA, #2D1F2E)
• Wandering Cypress Garden color palette (#EEF4EB, #C9DBD7, #AAC7BA, #007D67, #1D2914)
• Hushed Grove color palette (#EFF7F3, #CBDEDF, #CBB3CD, #00749A, #31453C)
• Softworn Denim color palette (#E3EBE8, #D4C7D2, #B899A9, #005D7F, #0C1914)
• Azure Coast color palette (#F0F6FB, #D8DBE6, #B5AEBA, #00A0CF, #223846)
• Driftwood Study color palette (#F7EFF2, #DCD5D2, #B7B1A3, #8978AC, #3C3337)
• Cypress Meadow color palette (#F5F3E1, #82B78B, #007D68, #00556A, #00290D)
• Timeworn Grape color palette (#FAEEF4, #E2CED2, #C8A09F, #5B3FB8, #27121E)

Browse the whole catalog at Explore, or see today's palette.