Softworn Petrol color palette — #F0F7F1 · #DAD5E0 · #80A8DE · #027C92 · #232C4D

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

The five colors

• Ivory (#F0F7F1): a clean, paper-quiet neutral.
• Silver (#DAD5E0): bright and airy, almost weightless.
• Cornflower (#80A8DE): A luminous, balanced blue — the color of open sky before noon.
• Teal (#027C92): A full-bodied, balanced blue — the color of a favorite pair of jeans.
• Midnight (#232C4D): A deep, shadowed, dusty violet — the color of a velvet chair.

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

• Weathered Meadow color palette (#EFF8F0, #D4D7E8, #60B5C2, #288064, #003443)
• Softworn Powder Parlor color palette (#FEF1F6, #CCE3F7, #93AEFB, #00A09D, #3F315C)
• Timeworn Petrol Cabin color palette (#E3F3E6, #78C4D5, #007195, #003E3B, #000307)
• Muted Dune color palette (#ECF9EF, #ADF3FF, #00A1C9, #006B61, #002134)
• Patina Nightshade color palette (#E3EFE5, #77A7D3, #1F4EA9, #002A35, #01000A)
• Antique Cobalt Bloom color palette (#F9F0E8, #A3CDED, #6177C0, #005B5B, #331523)
• Timeworn Blush Workshop color palette (#FEF0FF, #EB8190, #79A552, #4A81BD, #320C13)
• Cerulean Thicket color palette (#EEF8F0, #99DAD7, #008A98, #00543D, #000F15)

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