Softworn Petrol color palette — #ECF3F6 · #D3D7DF · #B9BBCF · #008491 · #232E32

Cerulean and Ash set the tone — five colors that lean into trust and stability.

The five colors

• Ivory (#ECF3F6): bright and airy, almost weightless.
• Silver (#D3D7DF): a clean, paper-quiet neutral.
• Ash (#B9BBCF): A luminous, dusty violet — the color of wild irises.
• Cerulean (#008491): A full-bodied, balanced blue — the color of open sky before noon.
• Onyx (#232E32): quiet, heavy and certain.

Feels like: Trust, Stability, Sophistication. Tagged scandi, muted, light.

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 Cypress Thicket color palette (#F1F7F2, #D1DFE0, #D3BEC1, #278387, #434A43)
• Aged Lagoon color palette (#ECF2FC, #D8D3E1, #BBBDD5, #3666C3, #1C2533)
• Patina Lagoon color palette (#E8F5F0, #8EBFB6, #458460, #2D5D67, #0A2E29)
• Timeworn Abyss color palette (#E3EBEF, #96A2AB, #697D98, #003D4A, #00050A)
• Ancient Chestnut Atelier color palette (#C7EBFF, #ADC1D7, #7E859D, #814F3B, #254129)
• Tempered Summit color palette (#EFF7F9, #D8DBE4, #C0B4B2, #43B0B5, #364145)
• Feathered Garnet color palette (#E5F8E8, #46ACC1, #3B6DA8, #7D1F21, #042638)
• Muted Nightshade color palette (#E5E9F0, #C7CBD8, #A2A1B8, #3E4B9E, #101621)

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