Softworn Petrol color palette — #E6FBF2 · #5DA9D3 · #BC764E · #006E99 · #62351A

Built around Peacock, softened by Caramel — the whole palette hums with trust and stability.

The five colors

• Ivory (#E6FBF2): A whisper-light, dusty teal — the color of shallow lagoons.
• Cyan (#5DA9D3): A luminous, balanced blue — the color of deep harbor water.
• Caramel (#BC764E): A luminous, balanced orange — the color of toasted spice.
• Peacock (#006E99): A full-bodied, balanced blue — the color of deep harbor water.
• Cocoa (#62351A): A deep, shadowed, dusty orange — the color of sun-warmed clay.

Feels like: Trust, Stability, Optimism, Balance. Tagged warm.

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

• Powdered Ultramarine Veranda color palette (#FEF0FC, #859FD6, #AA832B, #3B60B6, #553E0A)
• Gentle Amber color palette (#E6F4FF, #59AFD9, #D36F00, #006E95, #3A1C2B)
• Airy Coral color palette (#EFF9EB, #52B3A4, #C36A7F, #00766A, #62313D)
• Soft Bloom color palette (#E4FCF1, #75C2EA, #EE863A, #008CBC, #5E381E)
• Chestnut Meadow color palette (#FFF0FE, #6389C5, #AE644F, #8D5600, #452F44)
• Softworn Lantern color palette (#D0E8FF, #0089E2, #916700, #005189, #3E2A00)
• Hushed Basalt Dune color palette (#FFF4E1, #AFA883, #837043, #70462B, #3D4100)
• Antique Glacier color palette (#EBF7FF, #7CDAFF, #EFAD7A, #4FABCE, #583746)

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