Softworn Petrol color palette — #F9F4ED · #DAD4DE · #8AA6DE · #057A99 · #282A4D

Built around Teal, softened by Cornflower — the whole palette hums with trust and stability.

The five colors

• Ivory (#F9F4ED): a clean, paper-quiet neutral.
• Silver (#DAD4DE): a clean, paper-quiet neutral.
• Cornflower (#8AA6DE): A luminous, balanced violet — the color of a velvet chair.
• Teal (#057A99): A full-bodied, balanced blue — the color of deep harbor water.
• Midnight (#282A4D): A deep, shadowed, dusty violet — the color of wild irises.

Feels like: Trust, Stability, Creativity, 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

• Azure Parlor color palette (#FEF4E4, #DBE5F9, #339FF8, #00707D, #071F56)
• Weathered Turquoise Summit color palette (#FAF4EA, #D2DAEE, #52B4D4, #2D7E72, #07372A)
• Aged Cerulean color palette (#FCF4EB, #BBECE0, #9DAFE8, #009DB4, #3C3457)
• Cobalt Orchard color palette (#EBF8F8, #B0C8E0, #537AAF, #005A7E, #273961)
• Antique Aqua color palette (#F8ECDA, #37C8F2, #006F9F, #003E3F, #000309)
• Teal Delta color palette (#ECE1D0, #4FB4B4, #00606C, #002C21, #000102)
• Ash Hollow color palette (#FFF1F4, #E7D6D7, #C3B7A3, #9788BB, #402628)
• Weathered Meadow color palette (#FFF1F4, #DC74F4, #C28A05, #228E94, #2E1018)

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