Softworn Petrol Grove color palette — #F0F7F4 · #DED4D3 · #CBB7B9 · #3D7BA2 · #3F4B46

Built around Slate, softened by Stone — the whole palette hums with trust and stability.

The five colors

• Ivory (#F0F7F4): bright and airy, almost weightless.
• Silver (#DED4D3): a clean, paper-quiet neutral.
• Stone (#CBB7B9): A luminous, dusty red — the color of a theater curtain.
• Slate (#3D7BA2): A full-bodied, balanced blue — the color of open sky before noon.
• Charcoal (#3F4B46): quiet, heavy and certain.

Feels like: Trust, Stability, Sophistication. Tagged scandi, muted, light.

Use it as a design system

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

• Washed Terrace color palette (#FBF2F6, #E8D5D1, #D3B3B5, #7251BD, #513743)
• Aged Archive color palette (#FAF4EC, #BAAE91, #6E7A45, #266274, #533F00)
• Hushed Terrace color palette (#EDE0EB, #546EB1, #442837, #281926, #071517)
• Wandering Grove color palette (#FAF2F9, #E1CBD8, #BD9CA9, #1451BC, #402A3F)
• Muted Navy Delta color palette (#E0EAE7, #B4A3B0, #987286, #003966, #031814)
• Weathered Fern color palette (#FEF0FF, #CCAEBE, #A17D84, #836135, #5C4C00)
• Lilac Pier color palette (#FEF0FE, #A1E5FF, #97BDFF, #9F71C8, #4D3248)
• Petrol Workshop color palette (#FFF4E2, #649DCF, #655FA5, #773C00, #4D334B)

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