Soft Petrol color palette — #FCEADE · #6FC3E7 · #0069B5 · #003E3C · #010015

Royal Blue takes the lead with Sky close behind in a set that reads as trust and stability at first glance.

The five colors

• Cream (#FCEADE): A whisper-light, dusty gold — the color of afternoon light on wheat.
• Sky (#6FC3E7): A luminous, balanced blue — the color of a favorite pair of jeans.
• Royal Blue (#0069B5): A full-bodied, balanced blue — the color of deep harbor water.
• Deep Teal (#003E3C): A deep, shadowed, dusty teal — the color of shallow lagoons.
• Ink (#010015): A deep, shadowed, dusty violet — the color of a velvet chair.

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

Use it as a design system

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

• Tempered Petrol color palette (#FBEAE2, #6BC8C9, #00738A, #004027, #000307)
• Cobalt Summit color palette (#FDF3EA, #9BD3FF, #4D75D3, #005058, #0E0030)
• Worn Navy Studio color palette (#EDE0E7, #5194AF, #004791, #002C26, #04001A)
• Cornflower Corridor color palette (#EBDDD3, #78BAD7, #3A83DD, #006E60, #130042)
• Teal Terrace color palette (#D5E7E4, #00AD9B, #005F5C, #001917, #000201)
• Sunlit Periwinkle Market color palette (#D5FFED, #2AE0F5, #4EA1F9, #346824, #000505)
• Washed Emerald color palette (#E4EDDA, #009432, #006248, #002B28, #000607)
• Quiet Loft color palette (#D9EEE5, #009470, #BC005F, #004734, #040001)

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