Worn Petrol Ridge color palette — #F8EFE0 · #9CBB99 · #008490 · #005C42 · #00242E

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

The five colors

• Cream (#F8EFE0): A whisper-light, dusty gold — the color of honey in a jar.
• Sage (#9CBB99): A luminous, dusty green — the color of a quiet forest floor.
• Cerulean (#008490): A full-bodied, balanced blue — the color of a favorite pair of jeans.
• Pine (#005C42): A full-bodied, balanced teal — the color of shallow lagoons.
• Midnight (#00242E): A deep, shadowed, dusty blue — the color of deep harbor water.

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

Use it as a design system

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

• Cobalt Alley color palette (#E8DFD1, #77BDD2, #007EAE, #005958, #00203D)
• Worn Archive color palette (#ECF9EE, #8BDDD8, #008A97, #00543C, #000F15)
• Dusty Periwinkle color palette (#E4F1E4, #89CEE7, #669FE6, #007265, #00252F)
• Worn Spruce Studio color palette (#F5E4E0, #8BA888, #006177, #02420A, #00203D)
• Antique Lagoon color palette (#D9F8E7, #00A487, #007972, #00454A, #002026)
• Patina Pine color palette (#EFE5F0, #81D0CC, #00A2C4, #13831D, #00213C)
• Lagoon Pier color palette (#F9F4ED, #BDEAE0, #67B1C5, #348B79, #285142)
• Muted Crimson Station color palette (#E4F0E4, #009A9A, #D12540, #005F5F, #3A0008)

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