Worn Petrol color palette — #FBEDF8 · #65CED8 · #007CA8 · #005530 · #001448

Cerulean and Midnight set the tone — five colors that lean into nature and growth.

The five colors

• Blush (#FBEDF8): A whisper-light, dusty pink — the color of a candy shop window.
• Aqua (#65CED8): A luminous, balanced blue — the color of open sky before noon.
• Cerulean (#007CA8): A full-bodied, balanced blue — the color of deep harbor water.
• Deep Olive (#005530): A deep, shadowed, balanced teal — the color of shallow lagoons.
• Midnight (#001448): A deep, shadowed, balanced violet — the color of a velvet chair.

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

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

• Aqua Archive color palette (#E8FBEB, #5ACAD7, #007A95, #00574C, #003850)
• Airy Sapphire color palette (#FEECF4, #7CC6EC, #2169E2, #00524B, #1B0B42)
• Soft Cerulean Parlor color palette (#FFF2ED, #55E1F0, #0098D0, #007748, #122F69)
• Dusty Denim Canyon color palette (#EBDCE6, #6CA7B1, #005F8A, #003B26, #01042C)
• Soft Lagoon color palette (#C8E9D2, #009D81, #00656E, #003E52, #001C41)
• Muted Wisteria Harbor color palette (#CDFCFF, #A7D5FF, #C691FF, #007043, #00242E)
• Tempered Chestnut Lantern color palette (#D7EAEA, #008285, #984E00, #614A00, #001212)
• Worn Corridor color palette (#F6F0F4, #D4D2EA, #6BA3CD, #417862, #2B364B)

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