Softworn Petrol color palette — #FBEBE2 · #77BDD1 · #076FA3 · #005147 · #1C2D4C

Peacock takes the lead with Cyan close behind in a set that reads as trust and stability at first glance.

The five colors

• Cream (#FBEBE2): A whisper-light, dusty gold — the color of old brass.
• Cyan (#77BDD1): A luminous, dusty blue — the color of open sky before noon.
• Peacock (#076FA3): A full-bodied, balanced blue — the color of deep harbor water.
• Forest (#005147): A deep, shadowed, dusty teal — the color of sea glass.
• Midnight (#1C2D4C): A deep, shadowed, dusty violet — the color of wild irises.

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

• Washed Cobalt Veranda color palette (#FDF3EB, #A2D1BB, #4B7CAC, #00605D, #2F385A)
• Weathered Denim color palette (#EEDFD1, #65A6D2, #2352A6, #003D42, #1B1841)
• Quiet Sky color palette (#E9F1EB, #A3DEEF, #37B1E9, #00918F, #003054)
• Ancient Parlor color palette (#FAE6DD, #00A3AC, #005268, #003122, #001528)
• Dusty Cerulean Lantern color palette (#FEF2EC, #CAE5C7, #4797A8, #3D6E50, #304F44)
• Muted Teal color palette (#A7F8DD, #00A790, #005F4D, #00342D, #001A13)
• Timeworn Glacier Grove color palette (#E8F3D0, #71DFE0, #75A9D9, #4B6B2F, #233417)
• Hazy Navy color palette (#F1E1D4, #198BBC, #003A7A, #002223, #06002B)

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