Sunlit Petrol color palette — #FFE6EE · #CB8624 · #0066B5 · #734700 · #001B37

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

The five colors

• Blush (#FFE6EE): A whisper-light, dusty rose — the color of strawberry cream.
• Mustard (#CB8624): A luminous, balanced gold — the color of honey in a jar.
• Cobalt (#0066B5): A full-bodied, balanced blue — the color of open sky before noon.
• Bronze (#734700): A full-bodied, balanced gold — the color of afternoon light on wheat.
• Midnight (#001B37): A deep, shadowed, dusty blue — the color of deep harbor water.

Feels like: Trust, Stability, Optimism, 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

• Amber Studio color palette (#F6E3EC, #CE6400, #007FAC, #813C00, #001E2C)
• Muted Indigo color palette (#F3EDE0, #A68000, #515EF0, #674F00, #0F1343)
• Marigold Courtyard color palette (#F8E7D2, #E3A137, #0084C1, #976500, #001D2F)
• Bronze Balcony color palette (#D0E8D1, #926200, #00608A, #4E3300, #001D2E)
• Sunlit Grape color palette (#CCEFE2, #8FA225, #6C48BF, #4E5900, #1F0944)
• Amber Quarry color palette (#FFEAD2, #C4820F, #008F70, #6B4400, #000A06)
• Indigo Veranda color palette (#C8F0DA, #C1B32A, #6567EC, #756B00, #232265)
• Pale Boulevard color palette (#FCE7CA, #9A6A00, #00787A, #7B3093, #1B0F00)

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