Sunlit Petrol color palette — #FBEDF9 · #85A4DB · #A88934 · #3F63A5 · #322500

Slate takes the lead with Mustard close behind in a set that reads as trust and stability at first glance.

The five colors

• Blush (#FBEDF9): A whisper-light, dusty pink — the color of peonies in June.
• Cornflower (#85A4DB): A luminous, balanced violet — the color of a velvet chair.
• Mustard (#A88934): A luminous, balanced gold — the color of afternoon light on wheat.
• Slate (#3F63A5): A full-bodied, balanced violet — the color of a velvet chair.
• Espresso (#322500): A deep, shadowed, dusty gold — the color of honey in a jar.

Feels like: Trust, Stability, Optimism, Balance. Tagged cool.

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

• Patina Ultramarine color palette (#F0F5FF, #859DDC, #B17F2C, #415EB9, #563D16)
• Amber Corridor color palette (#E4F7EE, #68AECF, #C67550, #006E92, #411B08)
• Pewter Summit color palette (#FBEEF3, #B6A9E1, #96A36D, #7567A0, #32312A)
• Patina Pier color palette (#EFF6FF, #96B8F4, #C89E44, #4B7CDB, #563E00)
• Airy Market color palette (#FFEBFB, #6D88DB, #B2685D, #3D7B4A, #2C1528)
• Worn Stone Corridor color palette (#FCEDF2, #C8B07F, #5D4B73, #391D29, #13090D)
• Weathered Cabin color palette (#F3E2EB, #7C6EF5, #7B7500, #4B00C8, #191700)
• Ancient Bronze color palette (#FFEEE2, #C1A68B, #98684D, #693F37, #2C2010)

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