Softworn Petrol color palette — #E7FBEF · #B5C37F · #67954F · #0871A2 · #383F17
A conversation between Peacock and Olive Leaf, giving this palette its sense of nature and growth.
The five colors
- Ivory (#E7FBEF): A whisper-light, dusty teal — the color of sea glass.
- Pistachio (#B5C37F): A luminous, balanced green — the color of new leaves after rain.
- Olive Leaf (#67954F): A luminous, balanced green — the color of new leaves after rain.
- Peacock (#0871A2): A full-bodied, balanced blue — the color of deep harbor water.
- Deep Olive (#383F17): A deep, shadowed, dusty green — the color of fresh herbs.
Feels like: Nature, Growth, Trust, Stability, Balance, Grounding. Tagged botanical, earthy, 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
- Lagoon Lantern color palette (#DFFDF5, #94CA9E, #009E77, #4F63AD, #1F4428)
- Moss Terrace color palette (#FDF4E1, #D1E38A, #68A547, #44708D, #302E28)
- Tempered Pine color palette (#DAE9E1, #99AD83, #348542, #255887, #1F2F09)
- Taupe Cabin color palette (#F0F7F2, #B9DACC, #8CA47C, #7C799A, #3A534A)
- Aubergine Grove color palette (#DEF1E1, #B6AE58, #748E18, #653295, #332F00)
- Jade Dune color palette (#FFF3E7, #DCD17E, #84B56A, #9B7BA7, #423B0D)
- Wandering Olive Quarry color palette (#FFF1F6, #B2A549, #3D7B00, #63416F, #423B08)
- Worn Navy color palette (#DAF4EE, #66A375, #007257, #313F7B, #00220B)
Browse the whole catalog at Explore, or see today's palette.