Softworn Petrol color palette — #DAE2CE · #008157 · #0067A0 · #5D4000 · #000201

Peacock takes the lead with Teal close behind in a set that reads as trust and stability at first glance.

The five colors

• Celadon Mist (#DAE2CE): A whisper-light, dusty green — the color of a quiet forest floor.
• Teal (#008157): A full-bodied, balanced teal — the color of sea glass.
• Peacock (#0067A0): A full-bodied, balanced blue — the color of open sky before noon.
• Bronze (#5D4000): A deep, shadowed, balanced gold — the color of old brass.
• Black (#000201): quiet, heavy and certain.

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

• Linen Olive color palette (#E8E8CA, #507C00, #006E7E, #713200, #020200)
• Wandering Ridge color palette (#C6EAE6, #007E76, #4052C4, #4E4800, #000202)
• Lagoon Parlor color palette (#DBE7D3, #00A283, #007180, #006753, #000201)
• Navy Drift color palette (#E2ECE0, #008B8E, #00647A, #3D2A72, #000405)
• Byzantium Station color palette (#D1E7DC, #0088AF, #A542D8, #005B1A, #000509)
• Cypress Quarry color palette (#E5ECE4, #88ABA3, #6F928D, #00736D, #040C03)
• Shadow Delta color palette (#CFE9E8, #005D34, #511879, #350010, #000201)
• Quiet Bloom color palette (#EAF3D5, #006432, #7B005D, #4C0038, #000301)

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