Sunlit Petrol color palette — #F2E5ED · #68C2D9 · #0670B1 · #004D3A · #0D1134

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

The five colors

• Blush (#F2E5ED): bright and airy, almost weightless.
• Cyan (#68C2D9): A luminous, balanced blue — the color of a favorite pair of jeans.
• Slate (#0670B1): A full-bodied, balanced blue — the color of a favorite pair of jeans.
• Forest (#004D3A): A deep, shadowed, dusty teal — the color of glacier melt.
• Deep Indigo (#0D1134): A deep, shadowed, dusty violet — the color of wild irises.

Feels like: Trust, Stability, Calm, Balance. Tagged coastal, cool, light.

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

• Tempered Cobalt color palette (#F9EEF3, #95D1EB, #497EBE, #005D4F, #151E3D)
• Softworn Petrol Harbor color palette (#E2F2F0, #7EBCCE, #007393, #004F55, #003249)
• Denim Archive color palette (#EADBE0, #67A4CA, #3051A9, #003A37, #0F0028)
• Cypress Boulevard color palette (#F7EFF4, #D6D1E6, #849FBE, #41776B, #303646)
• Lagoon Delta color palette (#F3E5F1, #009DA5, #00516C, #002E15, #000412)
• Gentle Plum Study color palette (#E8E0F7, #B4009D, #006E63, #00505E, #1A0015)
• Dusty Navy Pier color palette (#EDDEE4, #0083B2, #033387, #00201C, #020009)
• Tempered Veranda color palette (#EDE6FF, #FCA4AB, #BCA25B, #5D5392, #25122B)

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