Worn Petrol color palette — #F8ECE5 · #61C1D6 · #00709F · #005145 · #142D52

Peacock and Cyan set the tone — five colors that lean into trust and stability.

The five colors

• Cream (#F8ECE5): a clean, paper-quiet neutral.
• Cyan (#61C1D6): A luminous, balanced blue — the color of open sky before noon.
• Peacock (#00709F): A full-bodied, balanced blue — the color of open sky before noon.
• Forest (#005145): A deep, shadowed, dusty teal — the color of shallow lagoons.
• Midnight (#142D52): A deep, shadowed, dusty blue — the color of open sky before noon.

Feels like: Trust, Stability, Calm, Balance. Tagged coastal, cool, light, muted.

Use it as a design system

One click turns Worn 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

• Wandering Villa color palette (#F2E6E0, #7FBFCF, #2171A7, #004D39, #0B0F39)
• Cobalt Coast color palette (#FFF2EA, #8FCFEA, #3F7DB4, #00605C, #4A3145)
• Patina Turquoise Meadow color palette (#E8F1EA, #A1DFEE, #4EB1DD, #00918C, #003051)
• Worn Lagoon Veranda color palette (#EBDDD7, #00A3A7, #005265, #00321F, #001626)
• Aged Navy color palette (#FAE7D9, #4689AA, #003C75, #002222, #05002C)
• Ash Corridor color palette (#FBF3EE, #C2F1EE, #719FC2, #5E7756, #5F4B5C)
• Wandering Field color palette (#F8E2E2, #B80092, #00713E, #005A4D, #351316)
• Amber Alley color palette (#FFE4E5, #FFA9B3, #D48542, #6D5597, #4E2D2B)

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