Weathered Petrol color palette — #DAEDEC · #007A87 · #005261 · #002C3E · #000D1A
Teal and Peacock set the tone — five colors that lean into trust and stability.
The five colors
- Frost (#DAEDEC): A whisper-light, dusty teal — the color of sea glass.
- Teal (#007A87): A full-bodied, balanced blue — the color of open sky before noon.
- Peacock (#005261): A full-bodied, dusty blue — the color of open sky before noon.
- Midnight (#002C3E): A deep, shadowed, dusty blue — the color of open sky before noon.
- Ink (#000D1A): A deep, shadowed, dusty blue — the color of a favorite pair of jeans.
Feels like: Trust, Stability, Calm, Sophistication. Tagged 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
- Weathered Onyx Workshop color palette (#D6F3EA, #008685, #005269, #002E47, #10104A)
- Hushed Terracotta Workshop color palette (#CEE3F1, #007696, #953400, #003C4E, #140300)
- Petrol Market color palette (#D1E2E7, #006887, #003F64, #001733, #00001A)
- Chalky Teal Station color palette (#D0E5DA, #00B0B1, #006A7B, #003D67, #02002C)
- Dusty Pine Thicket color palette (#D5EBD3, #00854A, #005541, #002D27, #000E0E)
- Tempered Petrol Parlor color palette (#B6E9FC, #3BB6D2, #007DA8, #005688, #142A45)
- Muted Navy Basin color palette (#C7F0FF, #0077AB, #00467D, #050181, #04002A)
- Violet Lantern color palette (#CFE4F1, #84B0E5, #8673F1, #00515A, #001023)
Browse the whole catalog at Explore, or see today's palette.