Softworn Petrol color palette — #FBEAE2 · #7DC5C9 · #00728E · #00402B · #000307

Teal and Mint Leaf set the tone — five colors that lean into trust and stability.

The five colors

• Cream (#FBEAE2): A whisper-light, dusty orange — the color of sun-warmed clay.
• Mint Leaf (#7DC5C9): A luminous, dusty blue — the color of open sky before noon.
• Teal (#00728E): A full-bodied, balanced blue — the color of a favorite pair of jeans.
• Forest (#00402B): A deep, shadowed, dusty teal — the color of glacier melt.
• Ink (#000307): 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

• Ultramarine Alley color palette (#F7ECE0, #88BDE5, #2D5ECB, #003D43, #030012)
• Airy Cobalt color palette (#FFF2EB, #92D8ED, #0082C0, #005249, #00072E)
• Washed Cerulean Parlor color palette (#E3F3EF, #6BC0C4, #0094A4, #006E66, #00171E)
• Patina Lagoon Balcony color palette (#E6E7D7, #42999F, #00535E, #002C29, #000508)
• Wandering Magenta color palette (#F0DFEE, #BD28B8, #065810, #004743, #030003)
• Cypress Terrace color palette (#FCF3EF, #BDE7F1, #61B2D5, #008266, #12304D)
• Gentle Summit color palette (#F9E7EB, #AB50C5, #007B50, #5E0074, #000201)
• Pale Nightshade Delta color palette (#FFE5E9, #FFB4C7, #E3936A, #574B97, #19000E)

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