Softworn Petrol color palette — #F9ECE0 · #6BBCE8 · #3769A9 · #004F51 · #252854

Slate and Sky set the tone — five colors that lean into trust and stability.

The five colors

• Cream (#F9ECE0): A whisper-light, dusty gold — the color of honey in a jar.
• Sky (#6BBCE8): A luminous, balanced blue — the color of deep harbor water.
• Slate (#3769A9): A full-bodied, balanced blue — the color of open sky before noon.
• Forest (#004F51): A deep, shadowed, dusty teal — the color of shallow lagoons.
• Deep Indigo (#252854): A deep, shadowed, dusty violet — the color of twilight just after sunset.

Feels like: Trust, Stability, Creativity, Calm, Balance. Tagged coastal, cool, 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 Field color palette (#F4E6DB, #8CBAD6, #4A69A9, #004C47, #180A36)
• Ancient Villa color palette (#FCEAE1, #62C4C1, #007589, #005330, #00324A)
• Cobalt Atelier color palette (#FAF4ED, #9ED2C2, #5A76B7, #005E69, #393559)
• Softworn Periwinkle color palette (#E6F2E8, #B9D8EF, #5DA9F5, #008EA0, #192B56)
• Aged Cerulean Veranda color palette (#EFE1D9, #009FBF, #004F76, #00302A, #011036)
• Cerulean Veranda color palette (#FDF3EE, #C1E8CB, #4495B8, #1E725C, #534055)
• Wandering Plum Harbor color palette (#F3E0E5, #C30064, #006F5B, #00595A, #36101D)
• Dusty Amber color palette (#FFE4E1, #FFB8A8, #B89149, #6C4575, #39312F)

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