Weathered Petrol color palette — #D7EBEE · #00838E · #004248 · #00181A · #000506

Teal and Deep Teal set the tone — five colors that lean into trust and stability.

The five colors

• Frost (#D7EBEE): A whisper-light, dusty blue — the color of deep harbor water.
• Teal (#00838E): A full-bodied, balanced blue — the color of a favorite pair of jeans.
• Deep Teal (#004248): A deep, shadowed, dusty blue — the color of deep harbor water.
• Ink (#00181A): A deep, shadowed, dusty blue — the color of deep harbor water.
• Ink (#000506): quiet, heavy and certain.

Feels like: Trust, Stability, Sophistication. Tagged monochrome, 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 Drift color palette (#CEE6F5, #006FA2, #002E45, #241B22, #000A12)
• Tempered Teal color palette (#C7E8EF, #00B5BA, #008289, #00555D, #000303)
• Cellar Loft color palette (#CBEBD7, #008C53, #004125, #001508, #000301)
• Turquoise Alley color palette (#CCF7FD, #00B7DB, #0080B2, #004745, #001D24)
• Lagoon Field color palette (#BCE9EC, #00A0A7, #006167, #003135, #000506)
• Aged Olive Terrace color palette (#DEF2E5, #3F7F00, #453E49, #002129, #000508)
• Aubergine Hollow color palette (#C6E8FD, #004A6A, #570065, #002410, #00050B)
• Aubergine Bloom color palette (#F1E0F1, #0065C9, #370088, #002551, #060003)

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