Sunlit Petrol color palette — #FFF2EF · #BD6D7E · #698737 · #1B6DAC · #4E2F28

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

The five colors

• Ivory (#FFF2EF): bright and airy, almost weightless.
• Dusty Rose (#BD6D7E): A luminous, balanced red — the color of embers at dusk.
• Olive Leaf (#698737): A full-bodied, balanced green — the color of a quiet forest floor.
• Slate (#1B6DAC): A full-bodied, balanced blue — the color of a favorite pair of jeans.
• Espresso (#4E2F28): A deep, shadowed, dusty orange — the color of sun-warmed clay.

Feels like: Nature, Growth, Trust, Stability, Balance. Tagged warm.

Use it as a design system

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

• Softworn Thicket color palette (#FFF1F2, #AF70A1, #917900, #00768A, #4F2D30)
• Softworn Station color palette (#FFF2EB, #C07056, #1F915F, #5A5CB6, #3D3632)
• Washed Orchard color palette (#F5E2C5, #9B7200, #007B84, #84318D, #3B2703)
• Wandering Cerulean color palette (#F6F3FF, #CC8BC5, #00ADB3, #0293BE, #3B334B)
• Muted Bronze color palette (#FFF3E6, #BBA37F, #92693A, #754326, #403D36)
• Softworn Driftwood Veranda color palette (#FFF2EF, #E1DACF, #E9BA8A, #A96B94, #60433A)
• Ultramarine Villa color palette (#F8D6D0, #D30D0A, #007931, #2700EE, #4A0201)
• Weathered Garnet Grove color palette (#FFF2EE, #EBA9AA, #AE585E, #7A1328, #4E1A24)

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