Worn Petrol color palette — #FCEAE0 · #85C1D3 · #006EA3 · #003F37 · #000110

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

The five colors

• Cream (#FCEAE0): A whisper-light, dusty gold — the color of honey in a jar.
• Sky (#85C1D3): A luminous, dusty blue — the color of open sky before noon.
• Peacock (#006EA3): A full-bodied, balanced blue — the color of deep harbor water.
• Forest (#003F37): A deep, shadowed, dusty teal — the color of sea glass.
• Black (#000110): A deep, shadowed, dusty violet — the color of a velvet chair.

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

• Teal Studio color palette (#E9DCD5, #5EB3AE, #005F6E, #002D16, #000103)
• Powdered Cobalt color palette (#FCF3EC, #A6D3ED, #347AD2, #005153, #080034)
• Washed Rust Parlor color palette (#CEE3EB, #008BAE, #AF3A00, #004355, #040000)
• Dusty Cerulean Station color palette (#DCEEEB, #79BBCE, #0090B8, #006C74, #001623)
• Dusty Lilac color palette (#DCFFEB, #B8D5FF, #B58BF1, #005E56, #00070F)
• Denim Harbor color palette (#F3E1EC, #4C9CB1, #004F75, #00302A, #000F39)
• Terracotta Courtyard color palette (#D2E5F0, #007196, #923800, #673300, #000103)
• Muted Lagoon Grove color palette (#C9F1E5, #009094, #005D6A, #002539, #000105)

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