Worn Petrol color palette — #FCF4E8 · #70C4E3 · #0076AC · #005558 · #063361

Cerulean and Navy set the tone — five colors that lean into trust and stability.

The five colors

• Ivory (#FCF4E8): a clean, paper-quiet neutral.
• Sky (#70C4E3): A luminous, balanced blue — the color of open sky before noon.
• Cerulean (#0076AC): A full-bodied, balanced blue — the color of deep harbor water.
• Peacock (#005558): A full-bodied, dusty teal — the color of sea glass.
• Navy (#063361): A deep, shadowed, balanced blue — the color of open sky before noon.

Feels like: 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

• Cobalt Canyon color palette (#FFEEE3, #69CAEA, #0073CA, #005344, #140A4A)
• Timeworn Chapel color palette (#FAF4EB, #90DEDF, #008FA3, #006953, #00475D)
• Patina Denim Bloom color palette (#F0E8DB, #6BA8C5, #005B92, #003D43, #071D43)
• Timeworn Sky color palette (#E2FBF9, #A4E5FF, #19B8F9, #0095A9, #003656)
• Cornflower Veranda color palette (#FFF0F9, #71DAFF, #348FE9, #007461, #2B2964)
• Cobalt Station color palette (#F9F4ED, #BBE8D9, #588CD1, #006E82, #573E52)
• Patina Lagoon color palette (#F6ECDC, #4A9F9C, #00545D, #003123, #00171F)
• Worn Courtyard color palette (#F9E7ED, #CA0077, #626B00, #00597E, #400D26)

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