Softworn Petrol color palette — #F9E8F6 · #76C5D0 · #006F9D · #004027 · #000014

Peacock and Aqua set the tone — five colors that lean into nature and growth.

The five colors

• Blush (#F9E8F6): A whisper-light, dusty pink — the color of peonies in June.
• Aqua (#76C5D0): A luminous, dusty blue — the color of a favorite pair of jeans.
• Peacock (#006F9D): A full-bodied, balanced blue — the color of open sky before noon.
• Forest (#004027): A deep, shadowed, dusty teal — the color of shallow lagoons.
• Black (#000014): A deep, shadowed, dusty violet — the color of wild irises.

Feels like: Nature, Growth, 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 Corridor color palette (#F8EAEF, #72C2EB, #0D5BDD, #003E39, #030011)
• Gentle Villa color palette (#FCF2F7, #92D8EF, #007DD5, #005343, #090133)
• Patina Cerulean Bloom color palette (#F3E3DB, #4C9DA8, #00516B, #003124, #00142B)
• Cerulean Cabin color palette (#EEE5D8, #43C4D4, #0091B3, #006E62, #001624)
• Chalky Brick color palette (#FFE3E0, #C2021C, #006083, #004965, #050000)
• Timeworn Rust Villa color palette (#EED6E5, #D34A00, #00767B, #692000, #000202)
• Hazy Azure color palette (#FDF1FC, #AAF5FB, #009FD3, #006E3C, #081D3E)
• Muted Sky Market color palette (#FBF2F8, #D1D6E8, #55AFEB, #14825E, #212C4E)

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