Softworn Petrol Field color palette — #ECF9F3 · #A3CDA5 · #2B6580 · #223F34 · #182728

Peacock and Pistachio set the tone — five colors that lean into nature and growth.

The five colors

• Ivory (#ECF9F3): a clean, paper-quiet neutral.
• Pistachio (#A3CDA5): A luminous, dusty green — the color of new leaves after rain.
• Peacock (#2B6580): A full-bodied, dusty blue — the color of open sky before noon.
• Forest (#223F34): A deep, shadowed, dusty teal — the color of glacier melt.
• Onyx (#182728): A deep, shadowed, dusty blue — the color of open sky before noon.

Feels like: Nature, Growth, Trust, Stability, Sophistication. Tagged luxury, dark, muted.

Use it as a design system

One click turns Softworn Petrol Field 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

• Denim Courtyard color palette (#F9F3F7, #E1B4A9, #4F5A8D, #492E42, #2C2325)
• Washed Terrace color palette (#EFF6FE, #FFBFB4, #6480A1, #404F60, #242C35)
• Indigo Quarry color palette (#F9F3F8, #A6C0F8, #876DB6, #536BA3, #38292F)
• Tempered Villa color palette (#FBF2FB, #FED4B9, #81A1C7, #7C637E, #312832)
• Forest Canyon color palette (#D5F0E8, #007141, #2F2C34, #00152A, #000207)
• Linen Nightshade color palette (#FFF0FE, #20BD88, #003BAA, #0C244F, #251324)
• Driftwood Studio color palette (#F9F3F7, #E1D7D7, #B2ADA2, #797EA7, #594F55)
• Worn Bronze color palette (#FEF2F2, #B776A1, #995D2D, #5F4F07, #33342D)

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