Softworn Petrol color palette — #F9EAF1 · #88B9D1 · #3567B0 · #005148 · #2C2555
Royal Blue and Deep Indigo set the tone — five colors that lean into trust and stability.
The five colors
- Blush (#F9EAF1): a clean, paper-quiet neutral.
- Ash (#88B9D1): A luminous, dusty blue — the color of open sky before noon.
- Royal Blue (#3567B0): A full-bodied, balanced blue — the color of open sky before noon.
- Forest (#005148): A deep, shadowed, dusty teal — the color of sea glass.
- Deep Indigo (#2C2555): A deep, shadowed, balanced violet — the color of a velvet chair.
Feels like: Trust, Stability, Creativity, Calm, Balance. 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
- Antique Cobalt Terrace color palette (#FFF1F5, #A8C9E5, #5C75B9, #00605D, #3E325A)
- Tempered Basin color palette (#EFE8DD, #90BFAB, #2770A8, #004A51, #00103E)
- Wandering Drift color palette (#F5E7F7, #67ACAC, #00617A, #004214, #001F40)
- Timeworn Forest Loft color palette (#FDF1FC, #91DEE1, #098BB5, #006B34, #20406B)
- Navy Garden color palette (#DDEDE9, #009EAE, #00637D, #003E7A, #272465)
- Softworn Cabin color palette (#DEF2FF, #B8C3F6, #CB89BC, #006658, #1E324B)
- Powdered Azure color palette (#D4E7FF, #4B93DC, #005491, #002A4D, #00162B)
- Washed Ash color palette (#FBF2F6, #D9DFF0, #8499C1, #447882, #4B516B)
Browse the whole catalog at Explore, or see today's palette.