Sunlit Petrol color palette — #F0F5FF · #FB99AE · #4C64AE · #243472 · #101A2D

Slate takes the lead with Ballet Pink close behind in a set that reads as creativity and calm at first glance.

The five colors

• Ivory (#F0F5FF): bright and airy, almost weightless.
• Ballet Pink (#FB99AE): A luminous, balanced red — the color of embers at dusk.
• Slate (#4C64AE): A full-bodied, balanced violet — the color of twilight just after sunset.
• Navy (#243472): A deep, shadowed, balanced violet — the color of twilight just after sunset.
• Midnight (#101A2D): A deep, shadowed, dusty violet — the color of wild irises.

Feels like: Creativity, Calm, Balance. Tagged luxury, dark, 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

• Grape Delta color palette (#F3F4FF, #FF9B91, #8248B3, #4E1C73, #18182D)
• Softworn Sapphire color palette (#FFF0FB, #FFC7D1, #4C63B9, #1E2A58, #0F030D)
• Linen Nightshade Corridor color palette (#D7DEF0, #DA8B93, #4B479D, #231A5F, #04091F)
• Antique Driftwood Studio color palette (#F8F3FC, #EBC4D9, #9D6D81, #584465, #2F2834)
• Softworn Hollow color palette (#EEF6FF, #80CFA0, #006DB4, #003D68, #041C32)
• Feathered Navy color palette (#F0F6FF, #C09D34, #243E97, #112055, #0E1A30)
• Worn Basin color palette (#F4F4FE, #E2D5E4, #D1B7CF, #A262DB, #3E3E4D)
• Wandering Field color palette (#FFF0FC, #F7CA11, #5F87F0, #485A87, #271224)

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