Softworn Petrol color palette — #EDF7FF · #6AA7D0 · #BC7645 · #006D9F · #5E381C

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

The five colors

• Ivory (#EDF7FF): a clean, paper-quiet neutral.
• Cyan (#6AA7D0): A luminous, balanced blue — the color of deep harbor water.
• Caramel (#BC7645): A luminous, balanced gold — the color of old brass.
• Peacock (#006D9F): A full-bodied, balanced blue — the color of deep harbor water.
• Cocoa (#5E381C): A deep, shadowed, dusty gold — the color of afternoon light on wheat.

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

• Faded Amber Quarry color palette (#E7F4FF, #68ACDA, #C8762E, #006B9F, #3E1D00)
• Ancient Ultramarine color palette (#F0F5FF, #8B9DD6, #A1871F, #4459C5, #4F410D)
• Wandering Driftwood Grove color palette (#E5F9FF, #64AFAA, #BF6F77, #007571, #672D35)
• Apricot Veranda color palette (#E6FBF4, #76BFFB, #E48B50, #3886C2, #47413C)
• Olive Thicket color palette (#EDF6FF, #518EC2, #B45A70, #567501, #253A4D)
• Bronze Field color palette (#E9FAEF, #87B2A0, #807238, #684C1B, #23453C)
• Antique Cornflower Workshop color palette (#D4E6FF, #387DF9, #946600, #0040B7, #3F2900)
• Dusty Bloom color palette (#F2F5FF, #9980E2, #858400, #6E00DC, #3E3D00)

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