Softworn Petrol color palette — #EDF8F7 · #DADCE8 · #72ABE3 · #007A9D · #142E52

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

The five colors

• Ivory (#EDF8F7): a clean, paper-quiet neutral.
• Silver (#DADCE8): bright and airy, almost weightless.
• Cornflower (#72ABE3): A luminous, balanced blue — the color of deep harbor water.
• Cerulean (#007A9D): A full-bodied, balanced blue — the color of deep harbor water.
• Navy (#142E52): A deep, shadowed, dusty blue — the color of a favorite pair of jeans.

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

Use it as a design system

One click turns Softworn 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

• Turquoise Drift color palette (#EBF8F6, #D3DFEC, #47B8C5, #008074, #00353E)
• Wandering Petrol Garden color palette (#DFF3F0, #7BC4D3, #00738D, #003D40, #000306)
• Patina Periwinkle color palette (#FBF2F5, #C7E4FC, #83B2FF, #1E9EA6, #2E395A)
• Aged Denim color palette (#DDEEEE, #78A7D0, #06549C, #00293A, #000107)
• Aged Cobalt Station color palette (#F3F7ED, #9ECBEC, #3F7CB5, #005C77, #493149)
• Hushed Teal color palette (#DBFFEE, #6CDDBA, #00A994, #006F67, #003E3C)
• Dusty Azure color palette (#E3FAFF, #3DBCB0, #4E99E9, #748900, #00211E)
• Gentle Marigold color palette (#E1FBFF, #76D3C2, #CD9E2D, #008979, #352500)

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