Softworn Petrol Garden color palette — #E6F6F0 · #F1D8DA · #D7B5BD · #0072AA · #182924

Slate and Rosewood Mist set the tone — five colors that lean into trust and stability.

The five colors

• Cream (#E6F6F0): bright and airy, almost weightless.
• Shell Pink (#F1D8DA): A whisper-light, dusty red — the color of embers at dusk.
• Rosewood Mist (#D7B5BD): A luminous, dusty red — the color of embers at dusk.
• Slate (#0072AA): A full-bodied, balanced blue — the color of deep harbor water.
• Onyx (#182924): A deep, shadowed, dusty teal — the color of glacier melt.

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

Use it as a design system

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

• Tempered Field color palette (#EDF4ED, #C2DFDF, #CDB8C8, #007B7A, #1C291C)
• Petrol Station color palette (#F9EEF4, #EDD2C9, #D9B5AF, #685FA6, #2D2127)
• Denim Pier color palette (#EEE6EE, #D7C6CF, #B59CA0, #315780, #1A131B)
• Washed Field color palette (#F0F6FC, #DBD8E9, #C8BAD0, #4F8CBE, #33414F)
• Muted Driftwood color palette (#F9EFF1, #E0D6CF, #B0B1A3, #9F7680, #3B3435)
• Cornflower Study color palette (#FEEAFF, #0681F1, #785300, #453700, #121C00)
• Olive Meadow color palette (#FEEFE2, #BEA748, #537822, #564268, #2B1E00)
• Wandering Archive color palette (#B5F0FF, #99AAE0, #976B8F, #425F3D, #183D14)

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