Pale Petrol color palette — #FFE1C3 · #D1C086 · #849D62 · #3F7BA3 · #3F3F75

Slate and Navy set the tone — five colors that lean into nature and growth.

The five colors

• Peach Cream (#FFE1C3): A whisper-light, dusty gold — the color of honey in a jar.
• Sand (#D1C086): A luminous, dusty green — the color of new leaves after rain.
• Moss (#849D62): A luminous, balanced green — the color of fresh herbs.
• Slate (#3F7BA3): A full-bodied, balanced blue — the color of a favorite pair of jeans.
• Navy (#3F3F75): A deep, shadowed, balanced violet — the color of wild irises.

Feels like: Nature, Growth, Trust, Stability, Optimism, Creativity. Tagged vintage, retro, muted.

Use it as a design system

One click turns Pale 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

• Taupe Canyon color palette (#FFF3E7, #F3E0A0, #8DAC72, #5E7C98, #3F446F)
• Cobalt Loft color palette (#E3EDB3, #B9BC97, #5BA390, #7169AB, #683768)
• Tempered Cypress Ridge color palette (#FFF2ED, #DCBBA4, #AB8C54, #007B7A, #24556C)
• Denim Harbor color palette (#F4DCC0, #AAA879, #68875B, #305A99, #3A3364)
• Muted Olive Dune color palette (#FFD9E9, #D4A581, #818538, #73477D, #563C5C)
• Timeworn Loft color palette (#E2E6D6, #638D6F, #006D64, #492372, #340A31)
• Washed Driftwood color palette (#F5F8E1, #CEDCC5, #91AF99, #99747C, #5D4745)
• Worn Grape color palette (#DCE6D2, #71C9A0, #009896, #7A4D99, #6B1F54)

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