Softworn Petrol color palette — #EDF6FF · #FFCCAE · #0070B1 · #003151 · #000814

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

The five colors

• Ivory (#EDF6FF): bright and airy, almost weightless.
• Peach Cream (#FFCCAE): A whisper-light, dusty gold — the color of honey in a jar.
• Slate (#0070B1): A full-bodied, balanced blue — the color of open sky before noon.
• Deep Teal (#003151): A deep, shadowed, dusty blue — the color of deep harbor water.
• Ink (#000814): A deep, shadowed, dusty blue — the color of deep harbor water.

Feels like: Trust, Stability, Optimism, Sophistication. Tagged luxury, dark, 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

• Sapphire Courtyard color palette (#F0F5FF, #EDD983, #4B5EC9, #191E76, #00051E)
• Cobalt Field color palette (#F1F5FE, #E3ECB5, #6C70AB, #32335D, #0A0F1C)
• Worn Denim Basin color palette (#EEF6FF, #E2B07B, #185190, #001836, #000104)
• Timeworn Clover color palette (#E5F5FF, #55C446, #00546E, #002532, #000911)
• Gentle Coral Lagoon color palette (#FEF0FF, #F8735D, #03478A, #082649, #251326)
• Chalky Seafoam color palette (#E1FDF1, #83EA96, #0099D3, #00648B, #072018)
• Peony Meadow color palette (#EEF6FF, #B8DDFF, #D360B5, #0084D1, #0E041A)
• Antique Grape color palette (#F3F4FF, #8BDB73, #6837AA, #290050, #020007)

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