Worn Petrol color palette — #F9EBE5 · #84BCC7 · #00719C · #005143 · #092D58
Peacock and Navy set the tone — five colors that lean into trust and stability.
The five colors
- Cream (#F9EBE5): a clean, paper-quiet neutral.
- Ash (#84BCC7): A luminous, dusty blue — the color of open sky before noon.
- Peacock (#00719C): A full-bodied, balanced blue — the color of open sky before noon.
- Forest (#005143): A deep, shadowed, dusty teal — the color of glacier melt.
- Navy (#092D58): A deep, shadowed, balanced blue — the color of open sky before noon.
Feels like: Trust, Stability, Calm, Sophistication. 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
- Dusty Petrol color palette (#DCEDEB, #86BECA, #007792, #004B4D, #001924)
- Dusty Cobalt Veranda color palette (#FEF3EB, #A8D0BB, #3C7EB2, #00605A, #2A395F)
- Antique Studio color palette (#EEE0D4, #6DA7C7, #215799, #003E3F, #161251)
- Worn Studio color palette (#F7E6DD, #5B9C9D, #005264, #00321E, #001625)
- Chalky Sky Courtyard color palette (#F4ECF1, #A0DFED, #29B1EF, #00937C, #102E54)
- Aged Petrol color palette (#FAF4EE, #C3E5DB, #7489BD, #006F7C, #5A3E4D)
- Hushed Pewter Loft color palette (#FBF3EF, #CCE6E4, #79A496, #5E7755, #5F4B5D)
- Plum Meadow color palette (#F4D6E8, #A93788, #00713F, #005B46, #321128)
Browse the whole catalog at Explore, or see today's palette.