Sunlit Petrol color palette — #E3FCF4 · #6DA6D4 · #B27E2C · #006BA7 · #593C0D

Peacock and Mustard set the tone — five colors that lean into trust and stability.

The five colors

• Ivory (#E3FCF4): A whisper-light, dusty teal — the color of sea glass.
• Cornflower (#6DA6D4): A luminous, balanced blue — the color of a favorite pair of jeans.
• Mustard (#B27E2C): A luminous, balanced gold — the color of afternoon light on wheat.
• Peacock (#006BA7): A full-bodied, balanced blue — the color of a favorite pair of jeans.
• Cocoa (#593C0D): 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

• Chalky Amber Bloom color palette (#E9FAF1, #68AAC2, #C07064, #00718D, #672F27)
• Hazy Summit color palette (#FFF0FE, #85A0CE, #7B953B, #2C61BC, #39490D)
• Amber Garden color palette (#E8F3FF, #6FA9E2, #C87800, #1668AA, #3D1A29)
• Sunlit Marigold color palette (#E6FBF5, #81BDF8, #E59A33, #2A7DC4, #47413C)
• Violet Lantern color palette (#FDF2F5, #BAA5D2, #BC904F, #845EAA, #624821)
• Faded Thicket color palette (#FFF0FE, #6889C2, #A86C0C, #706400, #472E45)
• Feathered Ultramarine color palette (#D8E5FF, #467CF6, #817000, #0025DA, #362E00)
• Muted Chestnut Workshop color palette (#FAF5E6, #A9AA86, #787544, #714701, #324500)

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