Softworn Petrol color palette — #F4EDE8 · #89B9D0 · #1E6AB2 · #00504F · #20285A
A conversation between Royal Blue and Navy, giving this palette its sense of trust and stability.
The five colors
- Cream (#F4EDE8): a clean, paper-quiet neutral.
- Ash (#89B9D0): A luminous, dusty blue — the color of open sky before noon.
- Royal Blue (#1E6AB2): A full-bodied, balanced blue — the color of a favorite pair of jeans.
- Forest (#00504F): A deep, shadowed, dusty teal — the color of shallow lagoons.
- Navy (#20285A): 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
- Tempered Petrol color palette (#F9EBE4, #98BC9E, #007392, #00523B, #003052)
- Petrol Basin color palette (#E0ECEB, #82BCDA, #0072A8, #004958, #00172C)
- Softworn Corridor color palette (#FAF4EE, #A8CFC2, #5276BD, #005E66, #373659)
- Dusty Lilac color palette (#DEFAF0, #B7C5F9, #AC83C6, #007070, #22375D)
- Denim Terrace color palette (#CBE3FF, #5499D1, #005C90, #002945, #001427)
- Periwinkle Villa color palette (#FAE9F1, #99DEFF, #58A8FC, #00918F, #232B4E)
- Wandering Corridor color palette (#CAE5DB, #2498D3, #953E00, #004F73, #461900)
- Washed Cypress Thicket color palette (#FBF3F0, #CBE4CF, #4C95B1, #007457, #235147)
Browse the whole catalog at Explore, or see today's palette.